Logo

Tag: Accessibility

How to Resolve Accessibility Issues with React Helmet

May 28, 2019
an open book with reading glasses and a cup of coffee nearby
The attribute is an essential part of the HTML element. It identifies the main language of the document's content. This is used by screen readers to determine the pronunciation of words. Screen readers have a default language setting, but will respect the language specified in the element if they differ. However, if this attribute is missing, and the language of the document is different than the screen reader's settings, the user will receive a subpar experience with incorrect pronunciations. For more information on the accessibility of this attribute, check out Deque University's detail page.React Helmet and JSXIn many React development scenarios, the shell HTML template is not immediately available to the developer. In other instances…
Read More

Shaping JavaScript Usage with ESLint

May 23, 2019
A person shaping clay by hand on a pottery wheel
I have used ESLint for a long time, often extending the recommended rules from various plugins. I only read a rule’s documentation if I wasn’t sure why it was being flagged in the linter. Last month I read through and manually set 381 ESLint rules, reading the accompanying docs for each rule. I discovered that ESLint is more than enforcing community guidelines on code quality. It also helps to shape use of the language as a whole and through project specific rule usage.Greater control for team objectivesThere are a number of rules the recommended configurations of ESLint or various plugins do not enable by default. These rules serve specific needs of a given project. They can be enabled and configured on a per project basis and provide…
Read More