Blog

Accessible Markup Basics and HTML in Frameworks: Native First, the Accessibility Tree, Angular Host Elements and Razor

Accessible markup starts with native elements first, choosing hidden or inert to hide things, avoiding positive tabindex, setting lang and dir correctly, and reading the HTML your framework produces from the browser's output. In this post we measure a focusable button inside aria-hidden, the capital İ that changes with lang="tr", Angular host elements inside ul without list items and Razor Tag Helpers that produce no aria-invalid, and put angular-eslint and the Nu Html Checker into CI.