✅ Scan complete — report saved!📄 View Permalink & Share Report
Accessibility Rating

87%

Scanned: https://google.com

87%Overall Score
4Critical Issues
26Checks Passed
❌ Critical Issues (4)▼
❌

Form elements should have a visible label

Ensures that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes

Suggested fix: Fix all of the following: Only title used to generate label for form element

▲
Affected elements (1)<input class="lst" style="margin: 0px; padding: 5px 8px 0px 6px; vertical-align: top; color: rgb(31, 31, 31); outline: none;" autocomplete="off" value="" title="Google Search" maxlength="2048" name="q" size="57" dir="ltr" spellcheck="false">
❌

Document should have one main landmark

Ensures the document has a main landmark

Suggested fix: Fix all of the following: Document does not have a main landmark

▲
Affected elements (1)<html itemscope="" itemtype="http://schema.org/WebPage" lang="en-CA">
❌

Page should contain a level-one heading

Ensure that the page, or at least one of its frames contains a level-one heading

Suggested fix: Fix all of the following: Page must have a level-one heading

▲
Affected elements (1)<html itemscope="" itemtype="http://schema.org/WebPage" lang="en-CA">
❌

All page content should be contained by landmarks

Ensures all page content is contained by landmarks

Suggested fix: Fix any of the following: Some page content is not contained by landmarks

▲
Affected elements (15)<li class="gbt"><a class="gbzt gbz0l gbp1" id="gb_1" href="https://www.google.ca/webhp?tab=ww"><span class="gbtb2"></span><span class="gbts">Search</span></a></li><li class="gbt"><a class="gbzt" id="gb_2" href="https://www.google.com/imghp?hl=en&tab=wi"><span class="gbtb2"></span><span class="gbts">Images</span></a></li><li class="gbt"><a class="gbzt" id="gb_8" href="https://maps.google.ca/maps?hl=en&tab=wl"><span class="gbtb2"></span><span class="gbts">Maps</span></a></li><li class="gbt"><a class="gbzt" id="gb_78" href="https://play.google.com/?hl=en&tab=w8"><span class="gbtb2"></span><span class="gbts">Play</span></a></li><li class="gbt"><a class="gbzt" id="gb_36" href="https://www.youtube.com/?tab=w1"><span class="gbtb2"></span><span class="gbts">YouTube</span></a></li><li class="gbt"><a class="gbzt" id="gb_426" href="https://news.google.com/?tab=wn"><span class="gbtb2"></span><span class="gbts">News</span></a></li><li class="gbt"><a class="gbzt" id="gb_23" href="https://mail.google.com/mail/?tab=wm"><span class="gbtb2"></span><span class="gbts">Gmail</span></a></li><li class="gbt"><a class="gbzt" id="gb_49" href="https://drive.google.com/?tab=wo"><span class="gbtb2"></span><span class="gbts">Drive</span></a></li><a class="gbgt" id="gbztm" href="https://www.google.ca/intl/en/about/products?tab=wh" aria-haspopup="true" aria-owns="gbd"><span class="gbtb2"></span><span id="gbztms" class="gbts gbtsa"><span id="gbztms1">More</span><span class="gbma"></span></span></a><li class="gbt"><div><img alt="Google" height="92" src="/images/branding/googlelogo/1x/googlelogo_white_background_color_272x92dp.png" style="padding:28px 0 14px" width="272" id="hplogo"><br><br></div><div class="ds" style="height:32px;margin:4px 0"><input class="lst" style="margin: 0px; padding: 5px 8px 0px 6px; vertical-align: top; color: rgb(31, 31, 31); outline: none;" autocomplete="off" value="" title="Google Search" maxlength="2048" name="q" size="57" dir="ltr" spellcheck="false"></div><td class="fl sblc" align="left" nowrap="" width="25%"><a href="/advanced_search?hl=en-CA&authuser=0">Advanced search</a></td><div id="SIvCob">Google offered in: <a href="https://www.google.com/setprefs?sig=0_Jg4hLpMa0QJxSs5K68J9EcRbsqE%3D&hl=fr&source=homepage&sa=X&ved=0ahUKEwiw8_iW4P2SAxUPKVkFHeJpGT0Q2ZgBCAY">Français</a> </div><span id="footer">
✅ Passed Checks (26)▼
✅

Elements must only use supported ARIA attributes

Ensures an element's role supports its ARIA attributes

✅

ARIA role should be appropriate for the element

Ensures role attribute has an appropriate value for the element

✅

ARIA attributes must be used as specified for the element's role

Ensures ARIA attributes are used as described in the specification of the element's role

✅

aria-hidden="true" must not be present on the document body

Ensures aria-hidden="true" is not present on the document body.

✅

Elements must only use permitted ARIA attributes

Ensures ARIA attributes are not prohibited for an element's role

✅

ARIA attributes must conform to valid values

Ensures all ARIA attributes have valid values

✅

ARIA attributes must conform to valid names

Ensures attributes that begin with aria- are valid ARIA attributes

✅

autocomplete attribute must be used correctly

Ensure the autocomplete attribute is correct and suitable for the form field

✅

Elements must meet minimum color contrast ratio thresholds

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds

✅

Documents must have <title> element to aid in navigation

Ensures each HTML document contains a non-empty <title> element

✅

IDs used in ARIA and labels must be unique

Ensures every id attribute value used in ARIA and in labels is unique

✅

Form field must not have multiple label elements

Ensures form field does not have multiple label elements

✅

<html> element must have a lang attribute

Ensures every HTML document has a lang attribute

✅

<html> element must have a valid value for the lang attribute

Ensures the lang attribute of the <html> element has a valid value

✅

Images must have alternate text

Ensures <img> elements have alternate text or a role of none or presentation

✅

Alternative text of images should not be repeated as text

Ensure image alternative is not repeated as text

✅

Input buttons must have discernible text

Ensures input buttons have discernible text

✅

Form elements must have labels

Ensures every form element has a label

✅

Links must have discernible text

Ensures links have discernible text

✅

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

Ensures that lists are structured correctly

✅

<li> elements must be contained in a <ul> or <ol>

Ensures <li> elements are used semantically

✅

Interactive controls must not be nested

Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies

✅

All page content should be contained by landmarks

Ensures all page content is contained by landmarks

✅

Scrollable region must have keyboard access

Ensure elements that have scrollable content are accessible by keyboard

✅

tables should not have the same summary and caption

Ensure the <caption> element does not contain the same text as the summary attribute

✅

Table cells that use the headers attribute must only refer to cells in the same table

Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table