ifp.uni-mainz.de

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.71:1. Recommendation: change text colour to #323c3f.

Selector: html > body > div:nth-child(2) > div > main > jgu-base-section:nth-child(3) > div > div > div > div > div > jgu-base-archive > div > div:nth-child(3) > button > span:nth-child(1)

Kontext: <span class="text">mehr laden</span>

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.97:1. Recommendation: change background to #2a393d.

Selector: html > body > div:nth-child(2) > div > main > jgu-base-section:nth-child(6) > div > div > div > div > div > div:nth-child(6) > div:nth-child(2) > div > div:nth-child(2) > jgu-base-teaserbox > div > div > div > div > div > a > div:nth-child(1) > div:nth-child(1) > div > span

Kontext: <span class="jrc-tc-index">Noch Fragen? </span>

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 4.33:1. Recommendation: change background to #6a797d.

Selector: html > body > div:nth-child(2) > div > main > jgu-base-section:nth-child(6) > div > div > div > div > div > div:nth-child(6) > div:nth-child(2) > div > div:nth-child(2) > jgu-base-teaserbox > div > div > div > div > div > a > div:nth-child(1) > div:nth-child(2)

Kontext: <div class="jrc-tc-headline">Beratung</div>

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 4.33:1. Recommendation: change background to #6a797d.

Selector: html > body > div:nth-child(2) > div > main > jgu-base-section:nth-child(6) > div > div > div > div > div > div:nth-child(6) > div:nth-child(2) > div > div:nth-child(2) > jgu-base-teaserbox > div > div > div > div > div > a > div:nth-child(3) > span

Kontext: <span class="hover-text">mehr erfahren</span>

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 4.33:1. Recommendation: change background to #6a797d.

Selector: html > body > div:nth-child(2) > div > main > jgu-base-section:nth-child(6) > div > div > div > div > div > div:nth-child(9) > div:nth-child(2) > div > div:nth-child(2) > jgu-base-teaserbox > div > div > div > div > div > a > div:nth-child(1) > div:nth-child(2)

Kontext: <div class="jrc-tc-headline">Praktikum</div>

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 4.33:1. Recommendation: change background to #6a797d.

Selector: html > body > div:nth-child(2) > div > main > jgu-base-section:nth-child(6) > div > div > div > div > div > div:nth-child(9) > div:nth-child(2) > div > div:nth-child(2) > jgu-base-teaserbox > div > div > div > div > div > a > div:nth-child(3) > span

Kontext: <span class="hover-text">mehr erfahren</span>

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #nuka-wrapper > div > div > div > div > div > div:nth-child(1) > div > figure > div > img

Kontext: <img src="https://cms.zdv.uni-mainz.de/ifp-studium/wp-content/uploads/sites/906/2025/08/IMG_6300-Credit-Alicia-Ernst.png" loading="lazy" title="IMG_6300- Credit Alicia Ernst">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: html > body > div:nth-child(2) > div > main > jgu-base-section:nth-child(5) > div > div > div > div > div > jgu-base-tabs > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(4) > div > div > div:nth-child(2) > jgu-base-contactcard > div > div > div:nth-child(1) > figure > div > img

Kontext: <img src="https://cms.zdv.uni-mainz.de/ifp-studium/wp-content/uploads/sites/906/2025/10/Baruch-Shomron-scaled-1-235x300-1-e1761906375488.jpg" loading="lazy">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: html > body > div:nth-child(2) > div > main > jgu-base-section:nth-child(8) > div > div > div > div > div > div:nth-child(3) > div:nth-child(1) > jgu-base-image > figure > div > img

Kontext: <img src="https://cms.zdv.uni-mainz.de/ifp-studium/wp-content/uploads/sites/906/2025/11/DSC01794-scaled-1.jpg" loading="lazy" title="DSC01794-scaled">

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: #nuka-carousel > div > div:nth-child(2) > button:nth-child(1)

Kontext: <button class="pagination-arrow pagination-arrow-prev hidden"><i class="las la-arrow-left ">...</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: #nuka-carousel > div > div:nth-child(2) > button:nth-child(2)

Kontext: <button class="pagination-arrow pagination-arrow-next hidden"><i class="las la-arrow-right "...</button>

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

Selector: #react-select-4-input

Kontext: <input id="react-select-4-input" tabindex="0" inputmode="none" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" role="combobox" aria-activedescendant="" aria-...

Originalmeldung: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Selector: #react-select-4-input

Kontext: <input id="react-select-4-input" tabindex="0" inputmode="none" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" role="combobox" aria-activedescendant="" aria-...

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

Selector: #react-select-5-input

Kontext: <input id="react-select-5-input" tabindex="0" inputmode="none" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" role="combobox" aria-activedescendant="" aria-...

Originalmeldung: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Selector: #react-select-5-input

Kontext: <input id="react-select-5-input" tabindex="0" inputmode="none" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" role="combobox" aria-activedescendant="" aria-...

Originalmeldung: Duplicate id attribute value "nuka-carousel" found on the web page.

Selector: #nuka-carousel

Kontext: <div class="nuka-container" aria-labelledby="nuka-carousel-heading" tabindex="0" id="nuka-carousel"><div class="nuka-slide-containe...</div>

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: #nuka-carousel > div > div:nth-child(2) > button:nth-child(1)

Kontext: <button class="pagination-arrow pagination-arrow-prev hidden"><i class="las la-arrow-left ">...</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: #nuka-carousel > div > div:nth-child(2) > button:nth-child(2)

Kontext: <button class="pagination-arrow pagination-arrow-next hidden"><i class="las la-arrow-right "...</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 > div:nth-child(2) > div > main > jgu-base-section:nth-child(4) > div > div > div > div > div > jgu-base-tabs > div > div:nth-child(1) > div > button:nth-child(1)

Kontext: <button class="arrow left" disabled=""></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 > div:nth-child(2) > div > main > jgu-base-section:nth-child(4) > div > div > div > div > div > jgu-base-tabs > div > div:nth-child(1) > div > button:nth-child(3)

Kontext: <button class="arrow right" disabled=""></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 > div:nth-child(2) > div > main > jgu-base-section:nth-child(7) > div > div > div > div > div > jgu-base-tabs > div > div:nth-child(1) > div > button:nth-child(1)

Kontext: <button class="arrow left" disabled=""></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 > div:nth-child(2) > div > main > jgu-base-section:nth-child(7) > div > div > div > div > div > jgu-base-tabs > div > div:nth-child(1) > div > button:nth-child(3)

Kontext: <button class="arrow right" disabled=""></button>

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

Selector: html > body > footer-element > footer > div:nth-child(1) > div > div > div:nth-child(2) > div > ul > li > a

Kontext: <a class="jgu_socialicon " title="LinkedIn" href="https://www.linkedin.com/company/ifp-mainz" target="_blank" aria-label="LinkedIn"><img src="https://cms-cdn.zdv.u...</a>

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

Selector: html > body > footer-element > footer > div:nth-child(2) > div > div > div > div:nth-child(2) > ul > li:nth-child(1) > a

Kontext: <a class="jgu_socialicon " title="Instagram" href="https://www.instagram.com/unimainz/" target="_blank" aria-label="Instagram"><img src="https://cms-cdn.zdv.u...</a>

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

Selector: html > body > footer-element > footer > div:nth-child(2) > div > div > div > div:nth-child(2) > ul > li:nth-child(2) > a

Kontext: <a class="jgu_socialicon " title="LinkedIn" href="https://www.linkedin.com/school/unimainz/" target="_blank" aria-label="LinkedIn"><img src="https://cms-cdn.zdv.u...</a>

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

Selector: html > body > footer-element > footer > div:nth-child(2) > div > div > div > div:nth-child(2) > ul > li:nth-child(3) > a

Kontext: <a class="jgu_socialicon " title="TikTok" href="https://www.tiktok.com/@unimainz" target="_blank" aria-label="TikTok"><img src="https://cms-cdn.zdv.u...</a>

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

Selector: html > body > footer-element > footer > div:nth-child(2) > div > div > div > div:nth-child(2) > ul > li:nth-child(4) > a

Kontext: <a class="jgu_socialicon " title="Facebook" href="https://www.facebook.com/unimainz/" target="_blank" aria-label="Facebook"><img src="https://cms-cdn.zdv.u...</a>

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

Selector: html > body > footer-element > footer > div:nth-child(2) > div > div > div > div:nth-child(2) > ul > li:nth-child(5) > a

Kontext: <a class="jgu_socialicon " title="Mastodon" href="https://wisskomm.social/@unimainz" target="_blank" aria-label="Mastodon"><img src="https://cms-cdn.zdv.u...</a>

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

Selector: html > body > footer-element > footer > div:nth-child(2) > div > div > div > div:nth-child(2) > ul > li:nth-child(6) > a

Kontext: <a class="jgu_socialicon " title="Bluesky" href="https://bsky.app/profile/unimainz.bsky.social" target="_blank" aria-label="Bluesky"><img src="https://cms-cdn.zdv.u...</a>

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

Selector: html > body > footer-element > footer > div:nth-child(2) > div > div > div > div:nth-child(2) > ul > li:nth-child(7) > a

Kontext: <a class="jgu_socialicon " title="YouTube" href="http://www.youtube.com/universitaetmainz" target="_blank" aria-label="YouTube"><img src="https://cms-cdn.zdv.u...</a>

Originalmeldung: Duplicate id attribute value "nuka-overflow" found on the web page.

Selector: #nuka-overflow

Kontext: <div class="nuka-overflow" id="nuka-overflow" data-testid="nuka-overflow" style="touch-action: pan-y;"><div class="nuka-wrapper" id="n...</div>

Originalmeldung: Duplicate id attribute value "nuka-wrapper" found on the web page.

Selector: #nuka-wrapper

Kontext: <div class="nuka-wrapper" id="nuka-wrapper" data-testid="nuka-wrapper"><div class="item isActive" aria...</div>