Improving Usability for Screen Reader Users

Simply ensuring your website is accessible to screen reader users is unfortunately not enough to ensure these users can find what they're looking for in a reasonably quick and efficient manner. Even if your site is accessible to screen reader users, its usability could be so incredibly poor that they needn't have bothered coming to your site.

Fortunately, there are plenty of simple-to-implement guidelines you can follow, which not only drastically improve usability for screen reader users, but for all web users:

1. Descriptive headings

The use of on-page headings is one of the most important usability features for screen reader users, as it helps them more easily understand the page structure. Although text on the page may appear to be a heading for sighted users, it must be labelled as a heading within the HTML code for screen reader users to know it is a heading.

Screen readers don't look at web pages - they read through the HTML code. If a piece of text is called a heading within the HTML code then the screen reader will announce that it's a heading. If not, screen reader users won't actually know if something that visually appears to be a heading is actually a heading.

Another usability benefit of using headings for screen reader users, is that these users can call up a list of on-page headings and jump to the section of the page in which they're most interested. This works in much the same way as sighted web users scanning through web pages by glancing at headings. If headings are descriptive of the content contained beneath them it becomes far easier for screen reader users to find the information which they're after.

2. Descriptive link text

Screen reader users can browse through web pages by calling up a list of on-page links, and activating the link in which they're most interested. As such, non-descriptive link text such as 'click here' should be avoided at all costs as it makes no sense whatsoever out of context.

The good news is that the use of descriptive link texts represents a usability benefit for everyone. When we scan through web pages, one of the items that stands out to us is link text. 'Click here' is totally meaningless to web users scanning through pages and forces users to hunt through surrounding text to discover the link destination.

3. Lists

Using lists within the HTML code is extremely useful for screen reader users, as screen readers announce the number of items in each list before reading out the list items. This helps these users know what to expect when hearing a list of items (such as site navigation).

This works in mush the same way as an answer phone telling you how many messages you have, before listening to them. By informing you of how many messages you have, you instantly know what to expect. If there's only one or two messages you can probably remember them; much more and you'll probably want to get a pen and paper and make notes.

The use of lists is really just a behind-the-scenes change to the code and needn't affect the visual appearance of the website.

4. Logical linearization

Screen reader users generally have to listen to web pages from start to finish, top to bottom, left to right. Sighted web users on the other hand can glance through a web page almost randomly, spotting important information wherever it may appear on the page. Because of this, important information should always be placed towards the top of the page.

One example of how not to do this is to place instructions for a form at the bottom of the page.

Placing important information towards the top of the page actually benefits everyone, as the important information is now in the place where sighted users look first - the top of the page.

5. Short, succinct ALT text

ALT text is the alternative text for images that gets read out to screen reader users. Any website offering even basic accessibility will provide this alternative text. Some websites try to over-explain the information conveyed by images, forcing screen reader users to have to listen to a lot of unnecessary and irrelevant information.

Screen reader users often take longer than sighted web users to work through websites, so help make their surfing time easier with succinct ALT text.

6. Short, front-loaded paragraphs

Front-loading means placing the conclusion first, followed by the what, why, when, where and how. By placing the conclusion first, screen reader users can instantly gain an understanding of what the paragraph's about. They can then decide whether they want to keep on listening or if they want to skip to the next paragraph (which they can easily do with the screen reader). If the paragraphs are short, they can do this safe in the knowledge that they won't be missing extra information.

Front-loading content obviously benefits everyone, as web users no longer have to search around for the main point of each paragraph.

7. Descriptive page title

The page title is the very first thing that screen reader users hear when arriving at any web page, so it's truly essential that it's descriptive of the page. Again, this benefits everyone as users can use the page title to orientate themselves and confirm that they're on the page they think they're on. This is especially true for web users on dial-up connections where the page title displays a number of seconds before the rest of the page.

Conclusion

There are a number of relatively simple and painless things that can be done to improve usability for screen reader users. Fortunately, nearly all of them improve usability for all web users, meaning everyone benefits - which is never a bad thing.

This article was written by Trenton Moss. He's crazy about web usability and accessibility - so crazy that he went and started his own web usability and accessibility consultancy (Webcredible - http://www.webcredible.co.uk) to help make the Internet a better place for everyone.

In The News:

University of Helsinki Publishes Free Intro Course on Modern JavaScript-based Web Development  WP TavernThe University of Helsinki is offering its “Deep Dive Into Modern Web Development” course online for free. It provides an introduction to JavaScript-based web ...
How To Develop An Excellent Product Design?  Inc42 MediaDesign thinking takes into consideration people's needs, unlike business thinking. Product teams ought to follow a systematic approach for the formulation of a ...
GoodFirms Features the Most Excellent Web Development Companies from Various States and Cities of the USA for 2019  PRNewswireWASHINGTON, Aug. 22, 2019 /PRNewswire/ -- In the modernized digital world, websites are playing the role of backbone to businesses. Today, it has become ...
Vaadin 14 Simplifies Progressive Web App Development on the Java Platform  InfoQ.comCurated and peer-reviewed *content* covering innovation in professional software development, read by over 1 million developers worldwide.
Find Web Developer Jobs: Listings, Salary, Growth Rate & More • Benzinga  BenzingaInterested in becoming a web developer? Find live job listings, skills needed, sample job titles, salaries, growth rates and more.
Why Is WordPress The Top Choice In Web Development? Let Us Count The Ways  HostReview.comWhen a business takes the time to meet with an app development company, a number of questions are going to come up. An app development company can ...
O'Reilly Partners with Netlify to Publish Free E-Book: Modern Web Development on the JAMstack  WP TavernIf you are following the JAMstack (JavaScript, APIs, and markup) craze and want to learn more about the history and best practices of the architecture, O'Reilly ...
How to setup your developer workstation  OnMSFTMy development tools and setup have changed a lot over the years. For many developers like myself, these changes have mainly been driven by shifts in ...
Web Developer job with Lebanese American University | 401526  mediabistro.comWeb Developer in New York , Experienced (Non-Manager), Web Production, Creative & Design with Lebanese American University. Apply Today.
ADA Reveals List of Top Web Development Companies in India  EIN NewsHere is the periodic list of India's most innovative companies in web development by ADA, check them out.
A Look into Top Web Development Frameworks in 2019 and 2020  RecentlyHeard.comA web framework refers to a software framework that is intended to main the development of web applications. Web frameworks are a standard way to build and ...
The "One HTML Page Challenge", a great example of view-source culture  Boing BoingBehold the "One HTML Page Challenge" -- to build a one-page site using just the code in a single html file: "Practice your skills with no assistance from libraries, ...
How one internship program launches tech careers  Associated PressMILWAUKEE (AP) — Carlos Vasquez found his passion for coding while working in a factory. He listened to audiobooks about software development and heard ...
The Benefits of WordPress Multisite for your Web Development Project  Coast DigitalSometimes a web project requires room for growth. You might have a large amount of *content* which requires careful differentiation and organisation; a website ...
Ionic CLI V5 Now With Ionic React Beta Support Like  InfoQ.comCurated and peer-reviewed *content* covering innovation in professional software development, read by over 1 million developers worldwide.
The End of Agile  ForbesI knew the end of Agile was coming when we started using hockey sticks.
Top 6 Frameworks and Tools To Build Progressive Web Apps  AppinventivWe have curated a list of the best frameworks for PWA for entrepreneurs struggling with the choice. Know which PWA frameworks and tools made it to our list.
Web Developer (Full-Time) job with Wilmington University | 402445  mediabistro.comWeb Developer. Wilmington University. Employment Status: Full time. Location: Wilson Graduate Center. department: University Relations. Effective ...
What You Need To Know As A Web Developer  OxGadgetsAnyone who writes code for a living or a hobby will tell you, web development can be hard, complex and time-consuming however the majority will tell you that it ...
13 free tools for API design, development, and testing  InfoWorldThe rise of RESTful APIs has been met by a rise in tools for creating, testing, and managing them. Whether you're an API newbie or an expert on an intractable ...
Startup Guide to Web Portal Development  The Digital WiseGetting Started: Currently, web portals are everywhere, Facebook is the major example of a social networking web portal. Similarly, there are several leading ...
How Python Mainstreamed Computer Programming To A Bigger Audience  Analytics India MagazinePython, which was introduced by Guido van Rossum as a Christmas project, has quickly escalated to become one of the most popular languages of all times.
Digital Experience Platform vs. JavaScript & Microservices: Which Do You Need?  CMSWireIn this era of plentiful, standardized APIs and the explosion of powerful JavaScript frameworks and libraries like Angular, React and Vue for web development ...
Top 5 Reasons to Take Web Developer from Outsourcing Specialized Company in 2020  Programming InsiderWeb development is one of the most software engineering fields where the demand for web programmers is continuously increasing worldwide. With the ...
WATCH: Inspired by The Social Network, 20-year-old Masa Kato built a million-dollar edtech platform  YourStoryProgate is an online platform that makes learning coding, programming, and languages fun for beginners. In an interview with YourStory, Founder Masa Kato ...
New Report Reveals 5 Leading Uses Of Real Estate Software - Plus The Top Real Estate Development Companies  Yahoo FinanceTop Software Development Companies shares how real estate businesses can utilize software properly to ensure success in the industry. The use of real estate ...
Tyneside PR duo target startups with new web division and expansion plans  BdailyA Tyneside PR firm has revealed a new web development division as it looks to expand its operations across the UK. Today (August 22), JAC Media, the ...
WordCamp Karachi19: Evolving the WordPress community in Pakistan  The News InternationalKARACHI: 'WordCamp Karachi', the flagship WordPress conference held across the globe, made its way back in Pakistan for its second instalment on Saturday, ...
Study Web Development or Games Programming at SAE London  Hackney CitizenSAE London delivers industry-focused 2-year creative media degrees and 1-year diplomas in Animation, Audio, Film, Games Programming, Music Business and ...
Why being an Emirati businesswoman means looking to my ancestors  The NationalAn exercise at a recent leadership programme reminded me of the strength of my grandmothers.
We're hiring: Junior Web Developer  LeftLionWe're looking for a Junior Web Developer to join the LeftLion office team in the heart of Nottingham's Creative Quarter...
Fast-growing Lewiston marketing company gets personal in the digital age  Bangor Daily NewsLEWISTON, Maine — A branding and digital marketing company that aims to personalize the digital presence of clients expects high growth this year as it ...
Ionic React RC is now out!  Packt HubEarlier this year, the Ionic team released the beta version of Ionic React. After receiving the developer feedback and contributions from the community, the team ...
Best Web Designers in Melbourne  Best in AustraliaMelbourne's top rated web designers. List of best web designers in Melbourne dealing in creating attractive and fully functional websites for your business.
Why industrial websites benefit from WordPress web development  Best in AustraliaWhether an industrial website needs to be updated or constructed, there are a number of reasons to rely on WordPress web development.
What are the latest web development Trends For businesses In 2019?  YourStory.comIt's impossible to go along with web development trends; because it is subject to change. Rarely, a week passes without any release of a new JS framework, ...
Top Web Development Trends 2019  YourStory.comWeb Development Trends 2019 Do you know global internet users number have surpassed 4 billion in 2018? It is found in a recent study by We Are Social and ...
Pinoy workers help Australian, US firms  SunStar PhilippinesBANKING on the strengthening of the trust of Australian companies in Filipino workers, a managed operations firm has expanded from just one employee to a ...
IoT: Revolutionizing the web development sector with  JAXenterIoT is a diligent technology that has totally transformed our daily lives. But how has the technology affected web developers? In this article, we attempt to ...
Current Big Trends in Web Development  HTML GoodiesHow many of these big trends are you using in your web site development today?
Top 5 WordPress Development Companies in the World  YourStory.comAre you searching for top WordPress development companies? We are providing you the list of top and best WordPress development companies in the world.
FaunaDB now offers a “Managed Serverless” service combining Fauna’s serverless database with a managed solution  Packt HubToday, FaunaDB, announced the general availability of FaunaDB managed serverless database *service*. The new *service* will provide Fauna's small and ...
How To Find A Stellar Web Development Agency  ForbesWhen you're looking to hire an agency, act as if you're hiring an employee.
Top 10 Image Formats That Are Best for Web Development  YourStory.comWeb application development is one of the biggest trends in this era because now a day's software has tons of functionality that cannot work properly on our ...
Things to consider before going into web development  JAXenterWe normally don't offer beginners' guide for aspiring developers but this time around we are making an exception! Amit Jat has a set of extremely useful ...
Internshala Trainings launches The Web-Dev Battle - A web development contest  Knn IndiaInternshala Trainings has launched The Web-Dev Battle for the students who are passionate about building their ideas from scratch using their creativity and ...
Know About Role of PHP In Web Development  Customer ThinkIt is a well-established fact now that for any company to flourish it needs to have its presence on the digital platform. While social media can be the right place to ...
@Pika/web Frees Modern Web Development from the Complexity of Package Bundling  InfoQ.compika/web, part of the pika tool chain, aims at improving web application developers' experience by turning often-complex bundling processes into an opt-in ...
Are You Missing This Important Puzzle For Web Development Success? – Test Driven Development  YourStory.comAs a Web Development Company, there are many aspects of your business that determine your success. You can choose to create your application as cheap as ...
The Crucial Role of AI in Web Development  Analytics InsightArtificial intelligence is undeniably no longer a buzzword in the web development space. AI in web development is used to design automation, integrating into ...
What makes Laravel the most Preferred PHP Framework for Web Development  Customer ThinkOne of the most daunting tasks for any business is choosing the right PHP development framework to build a robust web application. PHP frameworks are not ...
Why use Vue.js for UI web development?  JAXenterIf you are looking to start a new project and you are not sure if Vue.js would be the right choice for you, check out this overview of the popular framework.
A Quick Primer on Managing Your Web-Development Tasks  EntrepreneurNeed to modify your website or app? Here are the tips you'll need to do that right.
5 Effective Ways to Motivate Your Marketing Team  Search Engine JournalKeeping your digital marketing team motivated is key to both their success and your own. Follow these tips to ensure your team stays engaged and inspired.
Stefan Judis, a Twilio web developer, on responsible web development with HTTP headers  Packt HubAt this year's JavaScript Fwdays, Stefan Judis, who works at Twilio as a frontend developer, talked about how web developers can make their sites secure with ...
Web Development on an iPad  Laravel NewsThe idea of working entirely from an iPad has always appealed to me. The portability, the battery life, and of course the touch screen makes it an excellent device ...
Cosmic JS wants to simplify web development so you can focus on content  TechCrunchIf you are a web developer, you know how complex many of the traditional web *content* management systems have been. One of the big problems has been ...
This cheap online course will teach you all about front-end web development  MashableInteractive buttons. Scannable layouts. Flashy graphics. Beautiful typography. Elements of a website — or any digital product for that matter — that make you go ...
Yale, Flatiron School create web development bootcamp for summer session  Yale NewsYale Summer Session is collaborating with Flatiron School to offer a Web Development Bootcamp for Summer 2019, which will carry two Yale College credits, ...
Head of Web Development job with QUEEN MARY UNIVERSITY OF LONDON | 175514  Times Higher Education (THE)Department: Marketing & Communications Salary: £46,489 - £51,899 per annum inclusive of London Allowance (Grade 6) Location: Mile End Closing date: ...
How AI is reshaping web development | Articles | Big Data  Innovation EnterpriseHow AI is enabling are reshaping web development and giving developers everywhere hope about the future of tech.
Web development: So many choices to get the right fit  SDTimes.comOn one hand, the web today provides a wealth of information, giving developers easy access to a number of resources useful when running into a problem or ...
Harness web development skills to create better desktop applications  The GuardianIntegrating best of breed desktop applications from Adobe Creative Suite with web tools can provide a better experience for creative staff. Sakib Supple.
Vital points to consider while choosing the platform for website development  ITProPortalSelecting the best platform for your website is an absolute requirement for your business, but choosing the right platform isn't that easy.
JavaScript and Web Development InfoQ Trends Report  InfoQ.comThis InfoQ Trends Report looks at the current trends with JavaScript, HTML, CSS, and web development, exploring technologies and options gaining further ...
Tips to Boost Your E-commerce Sales  Business.comIncrease your online store's sales with these 10 helpful tricks.
AI Needs to Develop to Impact Web Design  Business.comArtificial intelligence has had a big impact on web design and development, but it still has a long way to go.
Future of web development in India  Daily News & AnalysisFuture of web development in India - Web development, as a career, has witnessed a boom all over the world, including India, since the time e-commerce has ...
Complete 2019 Web Developer Bootcamp: Build 15 Projects for only $15  NeowinToday's highlighted deal comes via our Online Courses section of the Neowin Deals store, where you can save 95% off this Complete 2019 Web Developer ...
Top 12 Python Web Frameworks of 2019 Programmes Should Know  Analytics India MagazineHere are the top web Python frameworks of 2019.
Internshala Trainings launches The Wed-Dev Battle — A web development contest  APN NewsAn opportunity for the students of India to learn the top in-demand skill and earn rewards worth INR 1 lakh. Internshala Trainings has launched The Web-Dev ...
Decoupled Drupal delivers flexible approaches to web development  NeowinMeet new experience mandates across channels and devices with flexible decoupled development modes provided by Acquia and Drupal. You can claim your ...
Frontend Web Developer Internship Position  EU-StartupsYou will work alongside two back-end and two front-end developers on building a Ruby On Rails web application. You will have full responsibility and flexibility ...
What Skills Should You Look for in a Web Developer?  Customer ThinkIntroduction. Choosing a web development company is one of the most important decisions a business can make in today's marketplace. Simply put, how a ...
How Artificial Intelligence is reshaping web designing and web development?  Express ComputerBy Ankit Gupta, CEO and VP, WeblinkIndia.net. The modern industries follow the consumer-driven approach, where customer experience has become the ...
5 Ways in Which Data Science Is Revolutionizing Web Development  Analytics InsightCustom software development companies are figuring out new ways to utilize the advanced data science techniques to build customized websites to suit specific ...
Trends You can Expect in Web Development for 2019  Customer ThinkThe current generation of website developers is ideal employees in consideration of web development spectrum. Most of the modern people respond quickly to ...
How IoT Affects The Future Of Web Developments  ReadWriteATMs, Apple Watch, Fitbit, Self-driving cars and more are part of a list of devices using IoT is endless. The concept of IoT began years ago; we just didn't use the ...
How to reach smartphone users through your eCommerce business?  YourStory.comThe advancement in technology has led to various developments that the human race would have never thought about, and one of them is the eCommerce.
Web Development: What's Big In 2019?  HackadayI try to keep up with web development trends but it's hard to keep pace since it's such a fast evolving field. Barely a week goes by without the release of a new JS ...
Master web development with this JavaScript master class  Boing BoingWhen it comes to website development, JavaScript is the language that underlies it all. If you want to learn that language well enough for a career, you'll need ...
This $29 bundle can get you savvy with Google's own programming language  The Next WebYou may know that Google processes over 3.5 billion search requests per day, owns YouTube, and is a regular entrant on Fortune's list of the Best Companies ...
Top 5 Editors / Text IDEs for Web Programming  ToolboxIn web developers, there is always a need to find the best web development tool. It can be a text editor, a specific framework for project creation, etc. I will focus ...
GoodFirms Unveils Reliable Web Development Companies for Major States & Cities of USA for Q2- 2019  PRNewswireWASHINGTON, July 23, 2019 /PRNewswire/ -- Website is a strategic asset for a business. It is imperative to build a unique and attractive site to stand out of the ...
6 Reasons Why Angular is Better for Web Development  CIOReviewIn this digital era, the market is witnessing the ever increasing demand for web developers. There are millions of websites on the internet, and the numbers are ...
AI in Web Development: Reality or Hype  ReadWriteTo what extent will artificial integration (AI) change how we do things going into the future, particularly in the field of web development? This debate has been ...
How will AI change the web development in future?  Customer ThinkAI is present everywhere – from chatbots to virtual assistants, AI is used in day to day activities. Virtual assistants like Siri and Cortana are helping the users by ...
10 Topmost Web Design & Development Companies in Chennai – 2019 [Updated List!]  YourStory.comThe list of Top 10 Web Design & Development Companies in Chennai is sorted out through a research methodology. These companies are well verse in Web ...
Lean Web Development with the Best Teachers Online  Digital InspirationMeet the best online teachers for learning modern web development including React, TypeScript, JavaScript, Golang, Flutter, Nodejs, Docker and more.
Advice for web developers  SDTimes.comThere are a number of things developers need to consider when it comes to developing for the web in 2019 and beyond. SD Times asked industry thought ...
JavaScript and machine learning: Google shows what's possible using the web programming language  TechRepublicFrom head-controlled Pacman to browser-based upload filters -- here are some of the best uses of TensorFlow.js.
10 Essential Question to Ask Your Web Developer  Business.comAsking the right questions when choosing a web developer can help you find someone who understands your vision and can give you the website you want.
App Development and Design Trends that will mark 2019  YourStory.comIntroduction One of the most significant technology markets is the mobile application division as proven by the Statista report that predicted that mobile apps ...
Done Role of IoT in Web Development  Customer ThinkWith the increasing advent of technology and the ever-changing demands of people as well as businesses, there has been a rise in technologies which have ...
What Makes Laravel Development A Preferred PHP Framework for Web Developers?  Customer ThinkWebsite development is a crucial part of technological development. Websites give individuals and corporates a presence on the internet. The sites also act as ...
Web development trends 2019 - Ponder on them to make a difference  ITProPortalThe world of web development experiences demand constant transformation every year, whether it is related to tools, services, coding, languages, or designs.
Salesforce moves Lightning Web Components to open source  TechTargetSalesforce has turned its Lightning Web Components framework into an open source project in an effort to spur innovation for the development environment, ...
The new new web  TechCrunchOver the last five years, almost everything about web development has changed. Oh, the old tech still works, your WordPress and Ruby On Rails sites still ...
Build amazing web apps with .NET Core | Visual Studio 2019 Launch Event  Microsoft - Channel 9See Visual Studio 2019 in action building modern, cross-platform web apps using ASP.NET Core 3.0 Preview.Visual Studio 2019 in action building modern, ...
Web Development Issues: 7 Reasons Why Your Website Isn’t Driving Business  Business 2 CommunityIs your website failing to drive business? You may be having problems with your web development. Read more here. website development. You launched your ...

How To Start Your Own Website

I'm one of those people that always wanted a website,... Read More

Thinking Of Taking Money Online? Whats Best For Merchants? PayPal, WorldPay or Something Else?

It's now easier than ever to take payments on the... Read More

7 Killer Ways To Increase Your Online Sales

Every online entrepreneur I talk to is asking the same... Read More

Maintaining Your Business Website

QUESTION: Should I build and maintain my business Web... Read More

35% Revenue Increase? from Your Website!

2 Golden Rules for an Engaging Website35% of visitors fail... Read More

PHP Redirect

A PHP Redirect automatically transfers a web user from one... Read More

Having a Domain Name And Web Site Gives Your Business The Key To The Door

Just like all things in life, the ways to run... Read More

Disability Discrimination Act (DDA) & Web Accessibility

There's been widespread speculation about the new legislation being introduced... Read More

What and How to choose the Right Keywords for Mega Traffic

Keywords in Search Engine Optimizing and Search Engine Marketing are... Read More

Why Is No-one Buying From My Website?

Are you, like many other website owners, frustrated at the... Read More

Where on Earth is Your Websitee?

You've just finished congratulating your marketing team. After six months... Read More

What Works and What not Works for Your Internet Business

"Build it and they will come."--Filed of Dreams (1989) If... Read More

I Want To Be A Freelancer

So you have decided that you want to do freelance... Read More

The 5 Biggest Mistakes Almost All Web Designers Make

Huge Mistake #1: Creating a Website with Flash -- Did... Read More

17 Tips to Plan a Website

Everyone wants one.Everyone wishes they knew how to make one.SOME... Read More

Improve Conversion Rates ? Load Times

Your site is getting traffic, but conversion rates are horrible.... Read More

Having a Portfolio on the Internet Can Help you Infiltate the Workforce

If you're an up and coming graphic/web designer just out... Read More

Search Engines and Customers Want Focused Web Site Content

How do you decide on the content, products and or... Read More

Improving Usability for Screen Reader Users

Simply ensuring your website is accessible to screen reader users... Read More

Optimal Website Design

Optimal website design is the art of logical navigation.It will... Read More

So You Want To Have A Website

So you want to have a website. You have gone... Read More

Frequent Business Question: How Do You Start a Web Business?

Today it seems everyone is jumping on the entrepreneur bandwagon,... Read More

Increase Your Affiliate Earnings with a Smart Webmaster Plan

Affiliate programs are a great way to earn an income... Read More

Why Your Business Needs a Website

Even with the steady growth of the World Wide Web,... Read More

What Business Owners MUST Know BEFORE They Commit To Having A Web Site

Q1.Why would I need a web site? A1.- Improve my... Read More