Display:Contents and the Impact on Accessibility

I came across a bizarre experience while testing a Styled-Component prototype with VoiceOver and Chrome. This simple panel had an H2 in the code, but I couldn’t navigate to it with the screen reader. I opened the accessibility inspector in Chrome and sure enough, the H2 had no semantics. It was being rendered to the […]

Web4All Conference Notes – Day 3

Crowd sourcing accessibility evaluations 2013-6: 350 government web sites and 2,000 non-government sites have been evaluated for accessibly in China conformance testing included Automatic Evaluation Manual Assessment Crowd sourcing can integrate the power of crowds to solve the manual assessment bottleneck It was proposed in 2006 and has been used in reCaptcha, spoken wikipedia, labeling. […]

Difference between :root and html

The :root selector targets the highest level parent, which would be the <html> tag in an HTML document. The :root has a higher specificity, as it is a pseudo-class instead of a plain element. CSS-Tricks has a great description on this: :root by Sarah Cope. In this example, the background of the page would be […]