metropolitanschool.com

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.66:1. Recommendation: change background to #002f58.

Selector: html > body > main > div:nth-child(2) > div > div > div:nth-child(2) > p:nth-child(4) > a

Kontext: <a href="/en/secondary-school/teaching-learning/curriculum" draggable="false" class="textlink">Secondary Curriculum</a>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.66:1. Recommendation: change background to #002f58.

Selector: html > body > main > div:nth-child(2) > div > div > div:nth-child(3) > p > a

Kontext: <a href="/en/secondary-school/teaching-learning/university-career">Learn more</a>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.66:1. Recommendation: change background to #002f58.

Selector: html > body > main > div:nth-child(2) > div > div > div:nth-child(4) > p:nth-child(4) > a

Kontext: <a href="/en/about-us/school-life/gallery/fairs#c3971" draggable="false" class="textlink">See the highlights here</a>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.66:1. Recommendation: change background to #002f58.

Selector: html > body > main > div:nth-child(2) > div > div > div:nth-child(5) > p > a

Kontext: <a href="/en/about-us/school-life/gallery/arts#c3967">Swipe through the photos in our...</a>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.07:1. Recommendation: change text colour to #4b7ba3.

Selector: html > body > main > div:nth-child(3) > div > div:nth-child(1) > h3

Kontext: <h3>Early Learning Center</h3>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3:1. Recommendation: change text colour to #007acc.

Selector: html > body > main > div:nth-child(3) > div > div:nth-child(1) > p:nth-child(4) > a

Kontext: <a href="/en/early-learning" class="textlink">Read more</a>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.07:1. Recommendation: change text colour to #4b7ba3.

Selector: html > body > main > div:nth-child(3) > div > div:nth-child(2) > h3

Kontext: <h3>Primary School</h3>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3:1. Recommendation: change text colour to #007acc.

Selector: html > body > main > div:nth-child(3) > div > div:nth-child(2) > p:nth-child(4) > a

Kontext: <a href="/en/primary-school" class="textlink">Read more</a>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.07:1. Recommendation: change text colour to #4b7ba3.

Selector: html > body > main > div:nth-child(3) > div > div:nth-child(3) > h3

Kontext: <h3>Secondary School</h3>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3:1. Recommendation: change text colour to #007acc.

Selector: html > body > main > div:nth-child(3) > div > div:nth-child(3) > p:nth-child(4) > a

Kontext: <a href="/en/secondary-school" class="textlink">Read more</a>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.07:1. Recommendation: change text colour to #4b7ba3.

Selector: html > body > main > div:nth-child(3) > div > div:nth-child(4) > h3

Kontext: <h3>After School Program</h3>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3:1. Recommendation: change text colour to #007acc.

Selector: html > body > main > div:nth-child(3) > div > div:nth-child(4) > p:nth-child(4) > a

Kontext: <a href="/en/primary-school/after-school/club-program" class="textlink">Read more</a>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.07:1. Recommendation: change text colour to #4b7ba3.

Selector: html > body > main > div:nth-child(3) > div > div:nth-child(5) > h3

Kontext: <h3>Timeline of Learning: K-12 Curr...</h3>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3:1. Recommendation: change text colour to #007acc.

Selector: html > body > main > div:nth-child(3) > div > div:nth-child(5) > p:nth-child(4) > a

Kontext: <a href="/en/about-us/bms-framework/timeline-of-learning" class="textlink">Read more.</a>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.07:1. Recommendation: change text colour to #4b7ba3.

Selector: html > body > main > div:nth-child(3) > div > div:nth-child(6) > h3

Kontext: <h3>Academic Achievement</h3>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3:1. Recommendation: change text colour to #007acc.

Selector: html > body > main > div:nth-child(3) > div > div:nth-child(6) > p:nth-child(4) > a

Kontext: <a href="/fileadmin/user_upload/pdf/exam_results/BMS_IB_Academic_achievements_2025.pdf" class="textlink">Find our most recent IBDP acade...</a>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.07:1. Recommendation: change text colour to #4b7ba3.

Selector: html > body > main > div:nth-child(3) > div > div:nth-child(7) > h3

Kontext: <h3>Open House Events</h3>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3:1. Recommendation: change text colour to #007acc.

Selector: html > body > main > div:nth-child(3) > div > div:nth-child(7) > p:nth-child(4) > a

Kontext: <a href="/en/join-us/admissions/admission-process" class="textlink">Book your sessions here.</a>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.58:1. Recommendation: change background to #002e54.

Selector: #cookieconsent > div > div > div > div:nth-child(4) > a:nth-child(1)

Kontext: <a href="#" class="customconsent">Save selection</a>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(1) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(1) > ul > li:nth-child(1) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(1) > ul > li:nth-child(2) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(1) > ul > li:nth-child(3) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(1) > ul > li:nth-child(4) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(2) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(2) > ul > li:nth-child(1) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(2) > ul > li:nth-child(2) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(2) > ul > li:nth-child(3) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(3) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(3) > ul > li:nth-child(1) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(3) > ul > li:nth-child(2) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(3) > ul > li:nth-child(3) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(3) > ul > li:nth-child(4) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(4) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(4) > ul > li:nth-child(1) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(4) > ul > li:nth-child(2) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(4) > ul > li:nth-child(3) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(4) > ul > li:nth-child(4) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(5) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(5) > ul > li:nth-child(1) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(5) > ul > li:nth-child(2) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(5) > ul > li:nth-child(3) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(6) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(6) > ul > li:nth-child(1) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: html > body > header > nav > div > ul > li:nth-child(6) > ul > li:nth-child(2) > button

Kontext: <button class="plusicon"><span class="bar1"></span><span...</button>

Originalmeldung: Iframe element requires a non-empty title attribute that identifies the frame.

Selector: #video-overlay-iframe

Kontext: <iframe id="video-overlay-iframe" src="about:blank" data-iframesrc="about:blank" allow="autoplay" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="visibi...