Search Results Page

12 violations: Light: 3Dark: 3HC Light: 3HC Dark: 3

Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL

HTML

<ol class="s-topbar--content" role="menubar">

Target

ol

Summary

Fix any of the following:

  • Element has children which are not allowed: li[tabindex], div[aria-live]

Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL

HTML

<ol class="s-topbar--content" role="menubar">

Target

ol

Summary

Fix any of the following:

  • Element has children which are not allowed: li[tabindex], div[aria-live]

Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL

HTML

<ol class="s-topbar--content" role="menubar">

Target

ol

Summary

Fix any of the following:

  • Element has children which are not allowed: li[tabindex], div[aria-live]

Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL

HTML

<ol class="s-topbar--content" role="menubar">

Target

ol

Summary

Fix any of the following:

  • Element has children which are not allowed: li[tabindex], div[aria-live]

Ensure links have discernible text. Links must have discernible text. Help URL

HTML

<a href="/c/gherkins/questions/326/327?r=SearchResults#327" class="answer-hyperlink " data-searchsession="/c/gherkins/questions/326/327?r=SearchResults&amp;s=11%7C15.6228#327"></a>

Target

#answer-id-327 > .s-post-summary--content > h3 > .answer-hyperlink

Summary

Fix all of the following:

  • Element is in tab order and does not have accessible text
  • Fix any of the following:
  • Element does not have text that is visible to screen readers
  • aria-label attribute does not exist or is empty
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  • Element has no title attribute

Ensure links have discernible text. Links must have discernible text. Help URL

HTML

<a href="/c/gherkins/questions/326/327?r=SearchResults#327" class="answer-hyperlink " data-searchsession="/c/gherkins/questions/326/327?r=SearchResults&amp;s=11%7C15.6228#327"></a>

Target

#answer-id-327 > .s-post-summary--content > h3 > .answer-hyperlink

Summary

Fix all of the following:

  • Element is in tab order and does not have accessible text
  • Fix any of the following:
  • Element does not have text that is visible to screen readers
  • aria-label attribute does not exist or is empty
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  • Element has no title attribute

Ensure links have discernible text. Links must have discernible text. Help URL

HTML

<a href="/c/gherkins/questions/326/327?r=SearchResults#327" class="answer-hyperlink " data-searchsession="/c/gherkins/questions/326/327?r=SearchResults&amp;s=11%7C15.6228#327"></a>

Target

#answer-id-327 > .s-post-summary--content > h3 > .answer-hyperlink

Summary

Fix all of the following:

  • Element is in tab order and does not have accessible text
  • Fix any of the following:
  • Element does not have text that is visible to screen readers
  • aria-label attribute does not exist or is empty
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  • Element has no title attribute

Ensure links have discernible text. Links must have discernible text. Help URL

HTML

<a href="/c/gherkins/questions/326/327?r=SearchResults#327" class="answer-hyperlink " data-searchsession="/c/gherkins/questions/326/327?r=SearchResults&amp;s=11%7C15.6228#327"></a>

Target

#answer-id-327 > .s-post-summary--content > h3 > .answer-hyperlink

Summary

Fix all of the following:

  • Element is in tab order and does not have accessible text
  • Fix any of the following:
  • Element does not have text that is visible to screen readers
  • aria-label attribute does not exist or is empty
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  • Element has no title attribute

Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL

HTML

<li>

Target

ol > li:nth-child(2)

Summary

Fix any of the following:

  • List item parent element has a role that is not role="list"

HTML

<li>

Target

ol > li:nth-child(9)

Summary

Fix any of the following:

  • List item parent element has a role that is not role="list"

Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL

HTML

<li>

Target

ol > li:nth-child(2)

Summary

Fix any of the following:

  • List item parent element has a role that is not role="list"

HTML

<li>

Target

ol > li:nth-child(9)

Summary

Fix any of the following:

  • List item parent element has a role that is not role="list"

Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL

HTML

<li>

Target

ol > li:nth-child(2)

Summary

Fix any of the following:

  • List item parent element has a role that is not role="list"

HTML

<li>

Target

ol > li:nth-child(9)

Summary

Fix any of the following:

  • List item parent element has a role that is not role="list"

Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL

HTML

<li>

Target

ol > li:nth-child(2)

Summary

Fix any of the following:

  • List item parent element has a role that is not role="list"

HTML

<li>

Target

ol > li:nth-child(9)

Summary

Fix any of the following:

  • List item parent element has a role that is not role="list"