4.1 Compatible: Maximize compatibility with current and future user agents, including assistive technologies.

Transcriptie

1 Wednesday July 12, :01:38 Source URL: Source Title: Gemeente Maastricht Accessibility Review (Guidelines: WCAG 2.0 (Level AA)) Report on known problems (1 found): 4.1 Compatible: Maximize compatibility with current and future user agents, including assistive technologies. Success Criteria Parsing (A) Check 185: id attribute is not unique. Repair: Modify the id attribute value so it is unique. <noscript><iframe src="// height="0" width= Page 1/21

2 Report on likely problems (0 found): Congratulations! No likely problems. Page 2/21

3 Report on potential problems (259 found): 1.1 Text Alternatives: Provide text alternatives for any non-text content Success Criteria Non-text Content (A) Check 8: img element may require a long description. Line 85, Column 184: src=" Line 85, Column 305: src=" Line 85, Column 184: src=" Check 16: Alt text is not empty and image may be decorative. Line 85, Column 184: src=" Line 85, Column 305: src=" Line 85, Column 184: src=" 1.3 Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure. Success Criteria Info and Relationships (A) Check 241: Tabular information may be missing table markup. <noscript><iframe src="// height="0" width= Check 248: Visual lists may not be properly marked. <noscript><iframe src="// height="0" width= Page 3/21

4 Check 270: Unicode right-to-left marks or left-to-right marks may be required. Line 61, Column 1: <noscript><iframe src="// height="0" width=... Check 271: dir attribute may be required to identify changes in text direction. <noscript><iframe src="// height="0" width= Check 211: input element label, type of "text", is not positioned close to control. Line 85, Column 11: <input placeholder="zoeken" class="mdl-searchbox-input" id="searchvalue" type="text" name="tx_mylexw <input type="text" id="powermail_hp_2" name="b_784d4b8b6bba5e13c3b23c2d9_555d72d20f" tabindex="-1" v Success Criteria Sensory Characteristics (A) Check 250: Text may refer to items by shape, size, or relative position alone. <noscript><iframe src="// height="0" width= 1.4 Distinguishable: Make it easier for users to see and hear content including separating foreground from background. Success Criteria Use of Color (A) Check 14: Image may be using color alone. Line 85, Column 184: src=" Line 85, Column 305: src=" Line 85, Column 184: src=" Page 4/21

5 Check 251: Image may contain text with poor contrast. Line 85, Column 184: src=" Line 85, Column 305: src=" Line 85, Column 184: src=" Check 55: input possibly using color alone. Line 85, Column 11: <input placeholder="zoeken" class="mdl-searchbox-input" id="searchvalue" type="text" name="tx_mylexw Line 85, Column 11: <input type="submit" value="zoeken" class="submit mdl-searchbox-submit" />(c8281) Line 85, Column 7: <input type=" " value="" name=" " class=" mdl-textfield input" id="mce- " placehol <input type="text" id="powermail_hp_2" name="b_784d4b8b6bba5e13c3b23c2d9_555d72d20f" tabindex="-1" v Line 85, Column 26: <input type="submit" value="aanmelden" name="subscribe" id="mc-embedded-subscribe" class="submit mdl Check 86: script may use color alone. Line 31, Column 1: <script src=" Line 35, Column 9: <script type="text/javascript"> /**/ var tx_solr_suggesturl = ' Line 46, Column 76: <script type="application/ld+json"> { "@context": " "@type": "WebSite",... <script type="text/javascript">(function(w,d,s,l,i){w[l]=w[l] [];w[l].push({'gtm.start': new Date() Page 5/21

6 <script type='text/javascript'> var _saq = _saq []; (function() { var account = 'gemeent Line 85, Column 2: <script>var i = document.referrer;document.write("<script type=\"text\/javascript\" src=\"\/\/ <script src=" Success Criteria Images of Text (AA) Check 11: Image may contain text that is not in Alt text. Line 85, Column 184: src=" Line 85, Column 305: src=" Line 85, Column 184: src=" 2.1 Keyboard Accessible: Make all functionality available from a keyboard. Success Criteria Keyboard (A) Check 89: script user interface may not be accessible. Line 31, Column 1: <script src=" Line 35, Column 9: <script type="text/javascript"> /**/ var tx_solr_suggesturl = ' Line 46, Column 76: <script type="application/ld+json"> { "@context": " "@type": "WebSite",... <script type="text/javascript">(function(w,d,s,l,i){w[l]=w[l] [];w[l].push({'gtm.start': new Date() <script type='text/javascript'> var _saq = _saq []; Page 6/21

7 (function() { var account = 'gemeent Line 85, Column 2: <script>var i = document.referrer;document.write("<script type=\"text\/javascript\" src=\"\/\/ <script src=" 2.3 Seizures: Do not design content in a way that is known to cause seizures. Success Criteria Three Flashes or Below Threshold (A) Check 87: script may cause screen flicker. Line 31, Column 1: <script src=" Line 35, Column 9: <script type="text/javascript"> /**/ var tx_solr_suggesturl = ' Line 46, Column 76: <script type="application/ld+json"> { "@context": " "@type": "WebSite",... <script type="text/javascript">(function(w,d,s,l,i){w[l]=w[l] [];w[l].push({'gtm.start': new Date() <script type='text/javascript'> var _saq = _saq []; (function() { var account = 'gemeent Line 85, Column 2: <script>var i = document.referrer;document.write("<script type=\"text\/javascript\" src=\"\/\/ <script src=" 2.4 Navigable: Provide ways to help users navigate, find content, and determine where they are. Success Criteria Bypass Blocks (A) Check 28: Document may be missing a "skip to content" link. Page 7/21

8 <noscript><iframe src="// height="0" width= Check 262: Groups of links with a related purpose are not marked. Line 61, Column 1: <noscript><iframe src="// height="0" width=... Success Criteria Page Titled (A) Check 54: title might not describe the document. Line 39, Column 11: <title>gemeente Maastricht</title> Success Criteria Link Purpose (In Context) (A) Check 19: Link text may not be meaningful. <a href="#" class="button button-menu mdl-button--raised">menu</a>(c8281) Line 85, Column 56: <a href=" title="gemeente Maastricht">Gemeente Maastricht</a>(c8281) <a title="direct naar zoeken" href="#search">ga direct naar zoeken</a>(c8281) <a title="direct naar tekstgedeelte" href="#content">ga direct naar tekstgedeelte</a>(c8281) <a title="direct naar navigatie" href="#navigation">ga direct naar de navigatie</a>(c8281) <a href="#" class="button button-search mdl-button--raised"> Zoeken </a>(c8281) Line 85, Column 66: <a href="/" title="">nederlands</a>(c8281) Line 85, Column 124: <a href=" title="english" class="sub m-161">english</a>(c8281) Line 85, Column 231: <a href=" title="deutsch" class="sub m-162">deutsch</a>(c8281) Line 85, Column 351: <a href=" title="francais" class="sub m-163">francais</a Page 8/21

9 Line 85, Column 142: <a href=" title="paspoort, rijbe Line 85, Column 337: <a href=" title="parkeren en vervoer" class=" Line 85, Column 491: <a href=" title="afval en milieu" class="m-1280" Line 85, Column 633: <a href=" title="wmo en zorg" class="m-1281" role="bu Line 85, Column 763: <a href=" title="meer onderwerpen..." class="dro Line 85, Column 1027: <a href=" title="gemeentelijke belastin Line 85, Column 1224: <a href=" title="geboorte en huwelijk" class Line 85, Column 1435: <a href=" title="bouwen en verbouwen" class=" Line 85, Column 1614: <a href=" title="vergunningen" class="dropdown-toggl Line 85, Column 1801: <a href=" title="wonen en verhuizen" class="m- Line 85, Column 1952: <a href=" title="werk en inkomen" class="m-1350" Line 85, Column 2119: <a href=" title="ondernemen" class="dropdown-toggle" d Line 85, Column 2325: <a href=" title="jeugd" class="dropdown-toggle" data-toggle Line 85, Column 2528: <a href=" title="over Maastricht" class="dropdown Line 85, Column 2794: <a href=" title="projecten" class="drop Line 85, Column 3013: <a href=" title="ruimtelijke Line 85, Column 3262: <a href=" title="publicaties" class=" Line 85, Column 3462: Page 9/21

10 <a href=" title="maastricht Line 85, Column 3637: <a href=" title="zicht op Maa Line 85, Column 3831: <a href=" title="buurtinformatie" Line 85, Column 4068: <a href=" title="open data porta Line 85, Column 4320: <a href=" title="bestuur en beleid" class="drop Line 85, Column 4592: <a href=" title="beleid" class="dropdown Line 85, Column 4804: <a href=" title="bestuur Line 85, Column 5064: <a href=" title="adviescommiss Line 85, Column 5281: <a href=" title="financiële Line 85, Column 5450: <a href=" title="lokale rege Line 85, Column 5618: <a href=" title="zoeken beleidsinformatie" clas Line 85, Column 5805: <a href=" title="verkiezingen" cla Line 85, Column 218: <a href=" Line 85, Column 657: <a href=" title="parkeervergunning" class="in Line 85, Column 219: <a href=" t Line 85, Column 640: <a href=" title="afval Line 85, Column 219: <a href=" title="verhuizen" class="i Line 85, Column 596: <a href=" title="melding doorgeven" cla <a href=" title="opent een pagin Line 85, Column 200: Page 10/21

11 <a href=" title="opent een pagina binnen deze Line 85, Column 364: <a href=" title="opent een pagina binnen deze web Line 85, Column 520: <a href=" title="opent een pagina binnen deze website Line 85, Column 668: <a href=" title="opent een pagina binne Line 85, Column 844: <a href=" title="opent een pagina binnen dez Line 85, Column 1010: <a href=" title="opent een pagina binnen deze Line 85, Column 1174: <a href=" title="opent een pagina binnen deze websit Line 85, Column 1324: <a href=" title="opent een pagina binnen deze Line 85, Column 1486: <a href=" title="opent een pagina binnen deze web Line 85, Column 1642: <a href=" title="opent een pagina binnen deze website" Line 85, Column 1788: <a href=" title="opent een pagina binnen deze website" clas Line 85, Column 12: <a href="/contact"><span class="zmdi zmdi-comment-text"></span>contact en openingstijden</a>(c8281) <a class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored icon" data-upgraded="material <a class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored icon" data-upgraded="material <a class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored icon" data-upgraded="material Line 85, Column 102: <a href=" title="pr Line 85, Column 317: <a href=" title="volledige raadsagenda" class="external-link" Line 85, Column 4: <a href=" Line 85, Column 76: Page 11/21

12 <a href=" title="opent een pagina binnen deze w Line 85, Column 33: <a href=" Line 85, Column 19: <a href=" Line 85, Column 33: <a href=" Line 85, Column 19: <a href=" Line 85, Column 33: <a href=" Line 85, Column 19: <a href=" Line 85, Column 44: <a href=" nieuws</a>(c8281) Line 85, Column 12: <a href="/contact"><span class="zmdi zmdi-comment-text"></span>contact en openingstijden</a>(c8281) <a class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored icon" data-upgraded="material <a class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored icon" data-upgraded="material <a class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored icon" data-upgraded="material <a href=" title="opent een pagina binn Line 85, Column 178: <a href=" title="opent een pagina binne Line 85, Column 345: <a href=" title="opent een Line 85, Column 518: <a href=" title="opent een pagina binnen deze website" cl Check 197: Anchor text may not identify the link destination. <a href="#" class="button button-menu mdl-button--raised">menu</a>(c8281) Line 85, Column 56: <a href=" title="gemeente Maastricht">Gemeente Maastricht</a>(c8281) <a title="direct naar zoeken" href="#search">ga direct naar zoeken</a>(c8281) Page 12/21

13 <a title="direct naar tekstgedeelte" href="#content">ga direct naar tekstgedeelte</a>(c8281) <a title="direct naar navigatie" href="#navigation">ga direct naar de navigatie</a>(c8281) <a href="#" class="button button-search mdl-button--raised"> Zoeken </a>(c8281) Line 85, Column 66: <a href="/" title="">nederlands</a>(c8281) Line 85, Column 124: <a href=" title="english" class="sub m-161">english</a>(c8281) Line 85, Column 231: <a href=" title="deutsch" class="sub m-162">deutsch</a>(c8281) Line 85, Column 351: <a href=" title="francais" class="sub m-163">francais</a Line 85, Column 142: <a href=" title="paspoort, rijbe Line 85, Column 337: <a href=" title="parkeren en vervoer" class=" Line 85, Column 491: <a href=" title="afval en milieu" class="m-1280" Line 85, Column 633: <a href=" title="wmo en zorg" class="m-1281" role="bu Line 85, Column 763: <a href=" title="meer onderwerpen..." class="dro Line 85, Column 1027: <a href=" title="gemeentelijke belastin Line 85, Column 1224: <a href=" title="geboorte en huwelijk" class Line 85, Column 1435: <a href=" title="bouwen en verbouwen" class=" Line 85, Column 1614: <a href=" title="vergunningen" class="dropdown-toggl Line 85, Column 1801: <a href=" title="wonen en verhuizen" class="m- Line 85, Column 1952: Page 13/21

14 <a href=" title="werk en inkomen" class="m-1350" Line 85, Column 2119: <a href=" title="ondernemen" class="dropdown-toggle" d Line 85, Column 2325: <a href=" title="jeugd" class="dropdown-toggle" data-toggle Line 85, Column 2528: <a href=" title="over Maastricht" class="dropdown Line 85, Column 2794: <a href=" title="projecten" class="drop Line 85, Column 3013: <a href=" title="ruimtelijke Line 85, Column 3262: <a href=" title="publicaties" class=" Line 85, Column 3462: <a href=" title="maastricht Line 85, Column 3637: <a href=" title="zicht op Maa Line 85, Column 3831: <a href=" title="buurtinformatie" Line 85, Column 4068: <a href=" title="open data porta Line 85, Column 4320: <a href=" title="bestuur en beleid" class="drop Line 85, Column 4592: <a href=" title="beleid" class="dropdown Line 85, Column 4804: <a href=" title="bestuur Line 85, Column 5064: <a href=" title="adviescommiss Line 85, Column 5281: <a href=" title="financiële Line 85, Column 5450: <a href=" title="lokale rege Line 85, Column 5618: <a href=" title="zoeken beleidsinformatie" clas Line 85, Column 5805: Page 14/21

15 <a href=" title="verkiezingen" cla Line 85, Column 218: <a href=" Line 85, Column 657: <a href=" title="parkeervergunning" class="in Line 85, Column 219: <a href=" t Line 85, Column 640: <a href=" title="afval Line 85, Column 219: <a href=" title="verhuizen" class="i Line 85, Column 596: <a href=" title="melding doorgeven" cla <a href=" title="opent een pagin Line 85, Column 200: <a href=" title="opent een pagina binnen deze Line 85, Column 364: <a href=" title="opent een pagina binnen deze web Line 85, Column 520: <a href=" title="opent een pagina binnen deze website Line 85, Column 668: <a href=" title="opent een pagina binne Line 85, Column 844: <a href=" title="opent een pagina binnen dez Line 85, Column 1010: <a href=" title="opent een pagina binnen deze Line 85, Column 1174: <a href=" title="opent een pagina binnen deze websit Line 85, Column 1324: <a href=" title="opent een pagina binnen deze Line 85, Column 1486: <a href=" title="opent een pagina binnen deze web Line 85, Column 1642: <a href=" title="opent een pagina binnen deze website" Line 85, Column 1788: Page 15/21

16 <a href=" title="opent een pagina binnen deze website" clas Line 85, Column 12: <a href="/contact"><span class="zmdi zmdi-comment-text"></span>contact en openingstijden</a>(c8281) <a class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored icon" data-upgraded="material <a class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored icon" data-upgraded="material <a class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored icon" data-upgraded="material Line 85, Column 102: <a href=" title="pr Line 85, Column 317: <a href=" title="volledige raadsagenda" class="external-link" Line 85, Column 4: <a href=" Line 85, Column 76: <a href=" title="opent een pagina binnen deze w Line 85, Column 33: <a href=" Line 85, Column 19: <a href=" Line 85, Column 33: <a href=" Line 85, Column 19: <a href=" Line 85, Column 33: <a href=" Line 85, Column 19: <a href=" Line 85, Column 44: <a href=" nieuws</a>(c8281) Line 85, Column 12: <a href="/contact"><span class="zmdi zmdi-comment-text"></span>contact en openingstijden</a>(c8281) <a class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored icon" data-upgraded="material <a class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored icon" data-upgraded="material Page 16/21

17 <a class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored icon" data-upgraded="material <a href=" title="opent een pagina binn Line 85, Column 178: <a href=" title="opent een pagina binne Line 85, Column 345: <a href=" title="opent een Line 85, Column 518: <a href=" title="opent een pagina binnen deze website" cl Success Criteria Multiple Ways (AA) Check 184: Site missing site map. <noscript><iframe src="// height="0" width= Success Criteria Headings and Labels (AA) Check 42: h1 may be used for formatting. <h1 class="hidden">maastricht</h1>(c8281) Check 43: h2 may be used for formatting. Line 85, Column 177: <h2 class="no-link mdl-card title-text"><a href=" Line 85, Column 616: <h2 class="no-link mdl-card title-text"><a href=" Line 85, Column 178: <h2 class="no-link mdl-card title-text"><a href=" Line 85, Column 599: <h2 class="no-link mdl-card title-text"><a href=" Line 85, Column 178: <h2 class="no-link mdl-card title-text"><a href=" Line 85, Column 555: <h2 class="no-link mdl-card title-text"><a href=" <h2>thema's</h2>(c8281) Line 85, Column 5: <h2>contact</h2>(c8281) Page 17/21

18 Line 85, Column 5: <h2 class="hidden">laatste nieuws</h2>(c8281) Line 85, Column 5: <h2>contact</h2>(c8281) Line 85, Column 7: <h2>blijf op de hoogte</h2>(c8281) Check 44: h3 may be used for formatting. <h3>11 juli '17</h3>(c8281) <h3>denk mee over beleid</h3>(c8281) <h3>beleid en raadstukken zoeken</h3>(c8281) Line 85, Column 15: <h3><a href=" Line 85, Column 15: <h3><a href=" Line 85, Column 15: <h3><a href=" Check 45: h4 may be used for formatting. <h4>de gemeenteraad bespreekt deze keer:</h4>(c8281) 3.2 Predictable: Make Web pages appear and operate in predictable ways. Success Criteria Consistent Navigation (AA) Check 276: Repeated components may not appear in the same relative order each time they appear. Line 61, Column 1: <noscript><iframe src="// height="0" width=... Check 265: Tab order may not follow logical order. <form class="form-inline" action=" <form action="//gemeentemaastricht.us10.list-manage.com/subscribe/post?u=784d4b8b6bba5e13c3b23c2d9&a Page 18/21

19 Success Criteria Consistent Identification (AA) Check 131: Long quotations may not be marked using the blockquote element. <noscript><iframe src="// height="0" width= 3.3 Input Assistance: Help users avoid and correct mistakes. Success Criteria Error Identification (A) Check 267: Form submission error messages may not identify empty required fields. <form class="form-inline" action=" <form action="//gemeentemaastricht.us10.list-manage.com/subscribe/post?u=784d4b8b6bba5e13c3b23c2d9&a Success Criteria Labels or Instructions (A) Check 246: All required form fields may not be indicated as required. <form class="form-inline" action=" <form action="//gemeentemaastricht.us10.list-manage.com/subscribe/post?u=784d4b8b6bba5e13c3b23c2d9&a Check 189: label may not describe its associated control. <input type="hidden" name="tx_mylexwebfinder_mylexwebfinder[ value="mylexweb <input type="hidden" name="tx_mylexwebfinder_mylexwebfinder[ value="ccontent" / <input type="hidden" name="tx_mylexwebfinder_mylexwebfinder[ referrer][@controller]" value="ccsearc <input type="hidden" name="tx_mylexwebfinder_mylexwebfinder[ referrer][@action]" value="show" />(c8281) <input type="hidden" name="tx_mylexwebfinder_mylexwebfinder[ referrer][arguments]" value="ytowont9c Page 19/21

20 <input type="hidden" name="tx_mylexwebfinder_mylexwebfinder[ value="a:4:{s:10: <input type="hidden" name="tx_mylexwebfinder_mylexwebfinder[ trustedproperties]" value="a:1:{s:11:& Line 85, Column 11: <input placeholder="zoeken" class="mdl-searchbox-input" id="searchvalue" type="text" name="tx_mylexw Line 85, Column 11: <input type="submit" value="zoeken" class="submit mdl-searchbox-submit" />(c8281) Line 85, Column 7: <input type=" " value="" name=" " class=" mdl-textfield input" id="mce- " placehol <input type="text" id="powermail_hp_2" name="b_784d4b8b6bba5e13c3b23c2d9_555d72d20f" tabindex="-1" v Line 85, Column 26: <input type="submit" value="aanmelden" name="subscribe" id="mc-embedded-subscribe" class="submit mdl Check 218: input element, type of "text", label may not describe the purpose or function of the control. Line 85, Column 11: <input placeholder="zoeken" class="mdl-searchbox-input" id="searchvalue" type="text" name="tx_mylexw <input type="text" id="powermail_hp_2" name="b_784d4b8b6bba5e13c3b23c2d9_555d72d20f" tabindex="-1" v Success Criteria Error Suggestion (AA) Check 268: Form submission error messages may not provide assistance. <form class="form-inline" action=" <form action="//gemeentemaastricht.us10.list-manage.com/subscribe/post?u=784d4b8b6bba5e13c3b23c2d9&a Success Criteria Error Prevention (Legal, Financial, Data) (AA) Check 269: Form submission data may not be presented to the user before final acceptance of an irreversable transaction. Page 20/21

21 <form class="form-inline" action=" <form action="//gemeentemaastricht.us10.list-manage.com/subscribe/post?u=784d4b8b6bba5e13c3b23c2d9&a Check 272: Form may delete information without allowing for recovery. <form class="form-inline" action=" <form action="//gemeentemaastricht.us10.list-manage.com/subscribe/post?u=784d4b8b6bba5e13c3b23c2d9&a Page 21/21