There’s a lot of times when you need to find out which item on a page has focus. This is especially tricky when controlling focus as you move in and out of modals and components. Here’s how you can get the object with focus on a web page. open inspector and choose the console tab. […]
Category Archives: CSS
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 […]
Find aria-hidden with this bookmarklet
Use this bookmarklet to find aria-hidden attributes on your page.
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 […]