Best of Accessibility2022

  1. 1
    Article
    Avatar of joshwcomeauJosh W Comeau·4y

    The Surprising Truth About Pixels and Accessibility

    If you want to build the most-accessible product possible, you need to use both pixels and ems/rems. The most popular unit for anything size-related is the px unit, short for “pixel” The em unit is an interesting fellow, based on the element's calculated font size.

  2. 2
    Article
    Avatar of hashnodeHashnode·4y

    How I got my 1st job as a developer by making simple projects seem big

    Julia is a self-taught front-end developer in his thirties who switched career into tech after studying Japanese and musicology while working part-time at a casino. She created a simple calculator using JavaScript using HTML, SCSS, JavaScript, hosted on GitHub pages to run the app. She later updated the code and created some mixins to familiarize herself with it.

  3. 3
    Article
    Avatar of asayerasayer·4y

    Understanding the useId hook in React

    UseId hook generates a stable id that can be used across any application’s server and client side of any application. The useId hook was formerly known as the useOpaqueIdentifier hook, but there were many concerns when using it. We have looked at isomorphic applications and why using libraries like uuid or options like Math.random is bad.

  4. 4
    Article
    Avatar of itnextITNEXT·4y

    I wrote an HTML canvas data grid so you don’t have to

    HTML 5 canvas is an incredibly powerful and woefully underutilized tool for web developers. It is difficult to use in a manner which is performant, beautiful, and accessible. Use a pool of HTMLImageElements to manage your downloads.

  5. 5
    Article
    Avatar of smashingSmashing Magazine·4y

    UX Checklists For Interface Designers — Smashing Magazine

    Checklist is an open-source checklist to planning, building and growing a design system. It includes the foundation of things to keep in mind for design language, design tokens, core components, tooling and project management. Text-To-Timeline Tool Markdown is an incredible little tool to generate timelines, e.g.

  6. 6
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Web Accessibility – Best Practices and a Checklist for Developers

    The World Health Organization reports that about 15% of the world's population lives with some form of disability. This means that as developers, our focus on making websites and applications accessible helps more people use these resources. In this article, I'll point out barriers to web accessibility, discuss the Web Content Accessibility Guidelines (WCAG) and share a basic checklist that all developers can use.

  7. 7
    Article
    Avatar of dzDZone·4y

    5 Web Accessibility Myths

    Many websites which exist today are not accessible. This causes people with disabilities, especially those who use assistive technologies, to not interact with the web effectively. We examine some myths which can stop companies and individuals from investing in proper web accessibility efforts. Join the DZone community and get the full member experience.

  8. 8
    Article
    Avatar of communityCommunity Picks·4y

    How the 7 deadly sins 👿 will make you an Accessibility Expert! 😇

    This article is a humorous take on Christianity, evil and the seven deadly sins. If you are deeply religious you may find some things offensive in this article. There is a link to a website that uses a lot of profanity at the end of the "Wrath" section. It is all safe for work, but just a heads up!

  9. 9
    Article
    Avatar of dzDZone·4y

    6 Easy Ways to Start Coding Accessibly

    Accessible development is a series of small to moderate adjustments to your development and testing process that are all completely doable by developers of all experience levels. The single most powerful way you can improve accessibility in your application is to make sure you’re always using the correct semantic element for the job.

  10. 10
    Article
    Avatar of logrocketLogRocket·3y

    Getting started with the CSS Custom Highlight API

    The CSS Custom Highlight API allows us to easily add style to a text range. As of this writing, this feature is still in Working Draft, so it is subject to change. This feature does not currently work on Firefox, so you shouldn’t use it for production right now if Firefox is necessary.

  11. 11
    Article
    Avatar of vercelVercel·4y

    Improving the accessibility of our Next.js site – Vercel

    Next.js Conf registration page is designed to make web-based games playable for all, and more. We'll explore Fitts' Law, what it really takes to make a complete form error, how to make games playable.

  12. 12
    Article
    Avatar of ghblogGitHub Blog·4y

    Keeping your skillset fresh as a developer

    The ReadME Project's senior editor Klint Finley gathered a panel of three tech professionals at different stages of their careers. Karthik Iyer is a software engineer at JPMorgan Chase and Monica Powell is a GitHub Star.

  13. 13
    Article
    Avatar of googledevsGoogle Developers·3y

    Introducing Developer Journey: November 2022

    Every month, we will spotlight developers around the world, the Google tools they leverage, and the kind of products they are building. We are kicking off #DevJourney in I’ve been building Android apps since 2011, when I was in graduate school studying for my Master’s Degree in Computer Engineering.

  14. 14
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Improve Website Accessibility – 7 Helpful Tips

    An accessible website is designed in such a way that anyone can use it without difficulty. If you keep a few things in mind during the web development process, you can improve the user experience for all users. Without them, screen readers would not know the purpose of an input field, which would provide a bad user experience to visually disabled users.

  15. 15
    Article
    Avatar of phProduct Hunt·4y

    a11yphant - The easy way to learn web accessibility

  16. 16
    Article
    Avatar of itnextITNEXT·4y

    Accessibility as a design pattern

    Ismayil Khayredinov: Accessibility standards can improve our day-to-day experiences with building front-end interfaces. He argues that they can lead to healthier more readable code, cleaner tests, and better overall architecture of our applications. He says the cornerstone of accessibility is cross-device interoperability of user interfaces.

  17. 17
    Article
    Avatar of devtoDEV·4y

    Stop Removing Focus

    Focus styles and indicators are bad for accessibility. Users with visual issues will not see where they are on a Web page when using the keyboard as a means of navigating. Visual indicators help people with executive dysfunction and other visual or processing related issues (light sensitivity, migraines, etc.)

  18. 18
    Article
    Avatar of medium_jsMedium·4y

    2 Awesome Tools to Automate Client-side Performance Testing

    Googles’ lighthouse is an open-source website quality assessment tool. It measures 5 quality factors: performance, accessibility, best practices, search engine optimization and Progressive Web App (PWA) Playwright is a web testing automation framework. It can be used to quickly cover multiple test realms with ease.