recentpopularlog in

garrettc : accessibility   142

« earlier  
How A Screen Reader User Accesses The Web: A Smashing Video
"In this Smashing TV webinar, join us with Léonie Watson as she explores the web alongside some unexpected properties of HTML elements that have a huge impact on accessibility and performance."
video  accessibility  userexperience  webdevelopment  html  semanticweb 
2 days ago by garrettc
The practical value of semantic HTML
"If the importance of good HTML isn’t well-understood by the newer breed of JavaScript developers, then it’s my job as a DOWF (Dull Old Web Fart) to explain it."
accessibility  html  html5  semantic  webdevelopment  worldwideweb 
10 days ago by garrettc
Exclusive Design
"But if we want to create truly inclusive websites, expertise in ourselves is not enough. We also need expertise in designing interfaces for people who are excluded. This expertise is lacking. In this research at the Master Design at the Willem de Kooning Academy in Rotterdam I have worked with the question

What if we design websites exclusively for people with disabilities?

In other words, what if we flip the so called ability bias, and start creating tailor made experiences for, and with real people with real disabilities?"
accessibility  webdevelopment  webdesign  thesis 
23 days ago by garrettc
Building Better Forms™ by not taking away affordances
A good example of verything you get for free by using native elements.
accessibility  css  webdevelopment  forms  userexperience 
24 days ago by garrettc
Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]
"Let’s make 2019... fast! A front-end performance checklist (PDF/Apple Pages/MS Word), with everything you need to know to create fast experiences today."
performance  webdevelopment  userexperience  accessibility  checklist 
6 weeks ago by garrettc
Web components still need to be accessible
Eric Bailey explains why developers need to consider accessible web components in their work, and not to needlessly reinvent the wheel.
html  webdevelopment  accessibility  equality  userexperience  browsers  webcomponents 
9 weeks ago by garrettc
Accessible SVG Icons with Inline Sprites
"At a certain stage in a project, someone always says: ‘We need icons!' We need to ensure that people who can’t see or recognize these icons can understand their purpose."
accessibility  svg  userinterface  userexperience  webdevelopment 
10 weeks ago by garrettc
Dark Mode and CSS • The Breakroom
The new Dark Mode in macOS Mojave provides users with a new way to customize their desktop environment. It also presents a lot of new situations where developers need to adapt content in their apps and websites.
IFTTT  Pocket  css  webdesign  accessibility  webdevelopment 
october 2018 by garrettc
Knowbility is a nonprofit organization with the goal of improving technology access for millions of youth and adults with disabilities all over the world.
accessibility  userexperience  testing 
october 2018 by garrettc
Accessibility Cheatsheet
Practical approaches to Universal Design for making your website/webapp accessible to everyone
accessibility  cheatsheet  reference  webdesign  webdevelopment  bestpractice 
october 2018 by garrettc
Design with Difficult Data
Stop designing for the happy path! Steven Garrity shows how to create more robust layouts by designing with difficult data.
data  design  webdesign  webdevelopment  visualisation  accessibility 
september 2018 by garrettc
The&Partnership creates new visual identity for RNIB sight loss charity
Designer Marc Donaldson shares the journey of creating a "readable" logo for the organisation, with help from members of the blind and partially-sighted community.
design  accessibility  casestudy  designthinking  branding 
september 2018 by garrettc
Disability Tek - Help others with a disability access technology by sharing how you use it.
Disability Tek offers a platform for sharing information about technology for people with disabilities. Join our community today.
webdevelopment  webdesign  design  userexperience  accessibility  equality 
august 2018 by garrettc
Why GOV.UK content should be published in HTML and not PDF
"Compared with HTML content, information published in a PDF is harder to find, use and maintain. More importantly, unless created with sufficient care PDFs can often be bad for accessibility and rarely comply with open standards."
accessibility  pdf  govuk  gds  html  publishing  webdevelopment  bestpractice 
july 2018 by garrettc
Should Links Open In New Windows?
"**No, they shouldn't**. At first glance the decision to open links in new windows or not depends on the given site and the preferences of its visitors. Visitors of the sites with heavy linking are more willing to have links opened in new windows than open dozens of links in new windows manually. Visitors of less-heavy-linkage-sites are more likely to open some specific link in new window to remain on the site and continue to browse through it afterwards. However, this is not true."
userexperience  usability  webdevelopment  webdesign  accessibility 
june 2018 by garrettc
The Illusion of Control in Web Design
"We think of our job as controlling the user’s experience. But the reality is, we control far less than we imagine."
accessibility  userexperience  webdevelopment  webdesign  userinterface  worldwideweb  networking  offlinefirst  responsivedesign 
may 2018 by garrettc
Designing for Inclusion with Media Queries
Did you know that media queries aren’t just limited to screen size? This talk will dive into some lesser-known media queries that can help developers and designers create experiences for people browsing the web using assistive technologies.
responsivedesign  webdevelopment  webdesign  mediaqueries  accessibility  inclusion  society 
may 2018 by garrettc
What percentage of browsers with javascript disabled?
"From Blockmetry’s direct measurements, 0.2% of pageviews from worldwide traffic across all devices in the fourth quarter 2016 had javascript disabled. Although apparently tiny, the aggregate figure hides a lot of interesting variation and regional patterns, with traffic from some countries having much higher JavaScript disabled rates."
javascript  accessibility  progressiveenhancement  research  webdevelopment 
may 2018 by garrettc
Inclusive Components
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.
accessibility  reference  css  components  html  webdevelopment  webdesign  bestpractice  patternlibrary 
april 2018 by garrettc
Viz Palette
"Born out of a frustration with picking colors for data visualizations. This project is optimized for tweaking, copying, and pasting in and out of JavaScript."
colour  tool  visualisation  accessibility  javascript 
april 2018 by garrettc
Focusing on Focus Styles
You should take a minute to read ’s excellent article on focus states, and designing for people.
accessibility  webdesign  webdevelopment  userexperience 
march 2018 by garrettc
A Tale of Two Rooms: Understanding screen reader navigation
"For those of us who use screen reading software such as JAWS, NVDA, or VoiceOver to access information on the Web, the user experience can be quite different from those who can visually see the content. One of my goals throughout the many accessibility focused training classes I have led has been to help others more accurately understand what it is like for someone using screen reading software to navigate through a web page."
accessibility  aria  webdevelopment 
february 2018 by garrettc
How Design for One Turns Into Design for All
Historically, products made for people with different physical, cognitive and sensory abilities have been ugly and woefully designed. Not anymore.
accessibility  design  designthinking  inspiration 
january 2018 by garrettc
Long read: What's so bad about Comic Sans, anyway?
"Comic Sans still dominates classrooms with teachers believing it is better for dyslexic students, "Comic Sans still dominates classrooms with teachers believing it is better for dyslexic students, for reading and for modelling handwriting. Jon Severs finds that those benefits are dubious and that so much else we think we know about fonts and readability - even reading itself - is highly problematic . for reading and for modelling handwriting"
reading  dyslexic  typography  font  accessibility 
january 2018 by garrettc
Services for government users
Building or buying services that government users find easy to use.
gds  guidelines  manual  webdesign  webdevelopment  accessibility  govuk  bestpractice 
january 2018 by garrettc
Accessibility Testing Tools for Desktop and Mobile Websites
Paul J Adam demonstrates how to use automated and manual accessibility testing tools on desktop and mobile websites, covering five tools, the pros and cons of each tool, and describe the best features of each tool.
accessibility  automation  testing  webdevelopment 
january 2018 by garrettc
Color Contrast, Beyond the Basics
Beth Raduenzel covers the official guidance on color contrast from WCAG, then goes over and beyond to cover aspects that truly consider usability.
accessibility  webdesign  colour 
january 2018 by garrettc
Automating Your Accessibility Tests
Seren Davies reminds us that unlike Christmas, accessibility testing should not come but once a year with a look at how to apply automated testing. By configuring tests to run against each commit, you can ensure that your site’s accessibility compliance need not be left to chance.
accessibility  userexperience  testing  webdevelopment 
december 2017 by garrettc
Home Office design posters
Home Office Digital repository of posters covering different topics - research, access needs, accessibility, design.
govuk  government  accessibility  research  posters  resource  education  userexperience 
december 2017 by garrettc
Web Content Accessibility Guidelines—for People Who Haven't Read Them
Alan Dalton takes a detailed look at WCAG on this UN International Day of Persons with Disabilities.
accessibility  webdesign  webdevelopment  wcag  equality 
december 2017 by garrettc
User Testing Subtitles for 360° Content
Interesting user test from the BBC on how to implement subtitles in VR
bbc  research  virtualreality  accessibility  subtitles 
november 2017 by garrettc
Understanding disabilities and impairments: user profiles
A set of profiles highlighting common barriers users face when accessing digital services and tips for designing services everyone can use.
govuk  accessibility  personas  webdevelopment  appdevelopment  equality 
november 2017 by garrettc
" can identify 508 and WCAG 2.0 issues in any environment - even on your developer's laptop. Because production is a bad place to discover bugs."
accessibility  testing  tool  saas  webdevelopment 
october 2017 by garrettc
Digital Nation 2017 | Good Things Foundation
The 2017 update of our Digital Nation infographic gathers together the facts and stats about non, limited and engaged users of the internet in the United Kingdom. It looks at a range of areas including the barriers to getting online and the benefits to those who develop digital skills and fully embrace the digital world.
statistics  demographics  uk  internet  accessibility 
september 2017 by garrettc
Empathy Prompts
Prompts to consider when making things for others to use.
webdevelopment  appdevelopment  equality  accessibility  performance 
july 2017 by garrettc
Connect: behind the front-end experience
We recently released a new and improved version of Connect, our suite of tools designed for platforms and marketplaces. Stripe’s design team works hard to create unique landing pages that tell a story for our major products. For this release, we designed Connect’s landing page to reflect its intricate, cutting-edge capabilities while keeping things light and simple on the surface. In this blog post, we’ll describe how we used several next-generation web technologies to bring Connect to life, and walk through some of the finer technical details (and excitement!) on our front-end journey.
animation  css  javascript  stripe  webdesign  webdevelopment  accessibility 
june 2017 by garrettc
Tanaguru Contrast-Finder
Find me the good constrasts, for web accessibility, between these two colors.
accessibility  design  webdesign  tool  colour 
may 2017 by garrettc
The truth about button color on websites (according to NASA and eye tracking)
Learn how to choose the right button color on your website to improve UX and conversion rates.
colour  design  webdesign  userinterface  buttons  luminosity  accessibility 
may 2017 by garrettc
Accessibility Style Guide
"The A11Y style guide comes with pre-populated accessible components that include helpful links to related tools, articles, and WCAG guidelines to make your site more inclusive. These components also serve as a guide for both HTML markup and SCSS/CSS code, to inform designers, front-end and back-end developers at every stage of the website’s creation."
accessibility  styleguide  reference  webdevelopment  webdesign 
march 2017 by garrettc
Inclusive Design - Microsoft
"It’s in our mission statement: empower every person on the planet to achieve more. Designing for inclusivity opens up our experiences and reflects how people adapt to the world around them."
accessibility  microsoft  webdesign  webdevelopment  appdevelopment  society  technology  equality 
february 2017 by garrettc
Why We Need Design Thinking in Politics
"Design thinking is a fluid, research and data-driven approach to identifying a problem, the people it affects, exploring solutions with users, and continually integrating and improving the solution"
designthinking  webdesign  webdevelopment  userexperience  accessibility 
january 2017 by garrettc
Yes, progressive enhancement is a fucking moral argument
"I wrote about that shitty progressive enhancement article and how I'm fucking done with the lack of empathy in tech."

Hear hear!
progressiveenhancement  webdevelopment  webdesign  mobileweb  responsivedesign  accessibility 
december 2016 by garrettc
I thought title text improved accessibility. I was wrong.
Do you add a descriptive title attribute to your links? Did you know that you might be making your site even less accessible?
accessibility  webdevelopment 
november 2016 by garrettc
Results of the 2016 GOV.UK assistive technology survey
"This is for everyone: documenting how we're rebuilding inclusive digital services across the UK Government"
accessibility  gds  govuk  research  userexperience  pamoja 
november 2016 by garrettc
Building in 10k: Markup for Accessibility, Clarity, and Affordance – On the Edge – Medium
In the previous post in this series, I talked a lot about how the 10k Apart contest site began to materialize in terms of structure and…
webdevelopment  webdesign  html5  semantics  accessibility  bestpractice 
october 2016 by garrettc
Dos and don'ts on designing for accessibility
The dos and don’ts of designing for accessibility are general guidelines, best design practices for making services accessible in government. Currently, there are six different posters in the series that cater to users from these areas: low vision, D/deaf and hard of hearing, dyslexia, motor disabilities, users on the autistic spectrum and users of screen readers.
accessibility  gds  posters  webdevelopment  userexperience  pamoja 
september 2016 by garrettc
Vox Product Accessibility Guidelines
As journalists, advertisers, producers, and creators, content is at our core at Vox Media. We want to ensure that everyone—regardless of ability, situation, or context—can access it.
accessibility  guidelines  checklist  design  webdesign 
july 2016 by garrettc
Links vs. Buttons in Modern Web Applications
Something that comes up again and again in front-end accessibility is the issue of links versus buttons. You know, those HTML elements that open links in new windows or submit forms? In JavaScript web applications in particular, it seems we are still quite confused about which elements to choose for user interaction. To try and clarify the haziness, I’m going to define use cases for links and buttons in client-rendered applications to help you make better UI decisions, from design to development.
accessibility  links  webdevelopment  buttons 
july 2016 by garrettc
Notes On Client-Rendered Accessibility – Smashing Magazine
Marcy Sutton explores techniques for building accessible client-rendered web applications making our jobs as web creators even more worthwhile.
accessibility  javascript  webdevelopment 
july 2016 by garrettc
Accessible SVGs | CSS-Tricks
Scalable Vector Graphic (SVG) is emerging as the preferred graphic format to use on the web today. Are you abandoning the icon font or replacing old pg, gi
svg  accessibility 
july 2016 by garrettc
Designing A Dementia-Friendly Website
An ever growing number of web users around the world are living with dementia. They have very varied levels of computer literacy and may be experiencing some of the following issues: memory loss, confusion, issues with vision and perception, difficulties sequencing and processing information, reduced problem-solving abilities, or problems with language.
accessibility  webdesign  webdevelopment 
may 2016 by garrettc
Accessibility Patterns for the Web
This book contains frontend coding patterns (and anti-patterns) that will assist developers in building accessible e-commerce web pages, widgets and workflows.
book  ecommerce  webdevelopment  webdesign  patterns  accessibility 
may 2016 by garrettc
The Electronic Curb Cut
Unusual things happen when products are designed to be accessible to people with disabilities. It wasn't long after sidewalks were redesigned to accommodate wheelchair users that the benefits of curb cuts began to be realized by everyone.
accessibility  design  innovation  webdevelopment  userexperience  webdesign 
august 2015 by garrettc
How some hard truths helped us start improving the Podio experience for the visually impaired
"After meeting a visually impaired Podio customer, front-end developer Peter Muller realised how much we needed to do to improve the Podio experience for the blind. Here he details the progress we’ve made, as well as the technical challenges of making the platform more accessible."
accessibility  webdevelopment  userexperience 
july 2015 by garrettc
node based accessibility testing tool.
opensource  accessibility  nodejs 
june 2015 by garrettc
Let Links Be Links
The notion of the web as an application platform has never been more popular. Single-page frameworks like Ember and Angular make it easy to create complex applications that offer richer, more robust experiences than traditional websites can. But this benefit comes at a cost. Ross Penman tells us what we can do about it.
accessibility  javascript  webdevelopment  clientsidemvc  userexperience 
may 2015 by garrettc
Reframing Accessibility for the Web
If you’ve been treating “people with disabilities” as an edge case for your websites, consider this a reckoning. Web accessibility means that everyone can use the web. The job of a web designer isn’t to question the configurations, devices, and tools that users bring to the table; it’s to rise to the challenge of making a site work for anyone who wishes to use it. Anne Gibson makes the case for site testing, inclusivity, and a better way of thinking about people online.
accessibility  webdesign  webdevelopment  userexperience 
february 2015 by garrettc
« earlier      
per page:    204080120160

Copy this bookmark:

to read