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:

From web developer to graphic designer – Following my own trail  APN NewsAbout the Author: Monika Suryan, a student of NIIT University, shares insights on how she turned her job into her passion through her continuous efforts.
From being a rookie to grabbing an internship: Sanya's tryst with web development  QriusSanya Singh is a student of Northern India Engineering College, who learnt the ropes of web development through Internshala and bagged an internship.
Tips to Hire a Web Developer with Required Skills in 2019  Customer ThinkWeb development is serious business. In recent years, it has had a great impetus and is one of the major priorities for every business irrespective of its size and ...
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 ...
Django vs Flask: A Look At The Two Popular Python Web Frameworks  Analytics India MagazineIn this article, we look at two of the best frameworks, Django and Flask that can be used by Python programmers and developers.
Front-end Web Developer Internship Position  EU-StartupsWould you like to join an exciting young company, which aims at bringing together sport fans from all around the world, and in just 9 months has built a ...
JavaScript and Web Development InfoQ Trends Report  InfoQ.comThis InfoQ Trends Report looks at the current trends with JavaScript, HTML, CSS, and web development in general, exploring technologies and options gaining ...
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 ...
The ultimate guide to a successful career in web development  Daily News & AnalysisWeb developers are responsible for the behind-the-scenes code and programming of websites. They make sure a website's performance (in terms of speed) ...
How to learn Web Design at home  NewsPatrollingFormal Education will make you a living. Self-education will make you a fortune – Jim Rohn Forget over costly tutorial centers, long hour class-room.
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 ...
Top 30 Web Developer Interview Questions and Answers for 2019  Security BoulevardDo what we say, or we shall replace you with a very small shell script.” It's a bit of a dated threat now, but in the age of extreme optimization there are certain ...
How IoT Is Changing Web Development  IoT For AllIoT brings changes to software development on many levels, including on the web. Let's discuss the main peculiarities and nuances of IoT web development.
Google isn't the company that we should have handed the Web over to  Ars TechnicaAnalysis: Microsoft adopting Chromium puts the Web in a perilous place.
Microsoft brings Chromium to Edge to reduce web development fragmentation  SDTimes.comMicrosoft has announced plans to adopt Chromium into Microsoft Edge on desktop. Chromium is an open-source web browser project created by Google.
4 Questions to Ask a Web Developer During an Interview  DevOps.comWeb development is a fragile process. You need talented web developers to make truly beautiful sites with seamless user experiences and fast loading There's ...
Yale announces Web Development “Bootcamp”  Yale Daily NewsYalies interested in programming will be able to take a 10-week web development boot camp this summer for credit, offered as a part of Yale Summer Session, ...
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 ...
Learn Web Development For Just $15 With This Amazing Complete Web Developer Course 2.0 – Limited Offer  WccftechLearn web development with Robert Percival. Get the Complete Web Developer Course 2.0 for an amazing discount offer and start a career!
Why Hiring Top Web Developers is a Good Idea  DevOps.comWeb development is one of the most valuable activities of any company, especially tech companies and web design agencies.
Get The Complete JavaScript & jQuery Programming Bundle For A Massive 98% Discount With Wccftech Deals  WccftechGet lifetime access of the Complete JavaScript & jQuery Programming Bundle at a great discount and learn to build sites within no time.
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, ...
A web developer's perspective: Edge's move to Chromium will increase productivity, but raises long-term concerns  OnMSFTLast week Microsoft confirmed the unprecedented news that it's rebuilding its Edge web browser atop the Chromium open-source rendering engine. It spells the ...
Top 6 Web Development Trends that will Dominate 2019  ToolboxWhen it comes to web development you are bound to experience constant changes and updates in the designs every year. In fact, the updates and trends are ...
Senior Web Developer - UX job, Cape Town, CBD  Bizcommunity.com'Click Me' is a growing digital marketing division of National Debt Advisors is in need of a web developer with UX experience to assist in developing new ...
EPIC offering free web, graphic design training  BradfordTodayThere are several training courses in computer networking, web design and graphic design this week in Bradford West Gwillimbury.
FrontEnd Web Developer Intern  EU-StartupsWould you like to join an exciting young company, which aims at bringing together sport fans from all around the world, and in just 9 months has built a ...
How to learn web development  Tech AdvisorWeb development is one of the 21st Century's most sought-after skills, but with so much to learn it can be quite daunting. After all, coding is quite literally like ...
AI & Web development: How both affect WordPress website building? - WhaTech  WhaTechArtificial intelligence and machine learning are making their way into our lives. AI is not only influencing WordPress platform but also web.
Petra Industries Names Josh Williams as Director of Marketing  DealerscopePetra Industries, the consumer technology authority and wholesale electronics distributor, is pleased to announce the appointment of Josh Williams as Director ...
Get web projects off the ground faster with this $24 Flask coding bundle  The Next WebIt's often difficult to explain exactly how various programming languages are different and what their assorted frameworks do. But if you want to understand how ...
Job opportunities await grads of BCIT's New Media Design and Web Development diploma program  Straight.com(This story is sponsored by BCIT Business.) These days, Edward Fajardo is spending a fair amount of time testing drones with cameras. And for good reason.
With Plenty Other Choices, Why React Native For App Development?  Customer ThinkDeveloped by Facebook and it also got popular like Facebook. It's one of the most popular and demanded framework of cross-platform app development.
Web Developer  The LincolniteWe've got a fantastic opportunity for an experienced Web Developer to join one of UK's premier marketing agencies. You'll be working from our modern.
Web Developer Salary: Location And Skills Boost Earnings  Dice InsightsWhat's a good web developer salary? As it turns out, there's a wide range, but to get the most bang for your buck, location and skills matter.
35 Web Design and Development Terms Every Marketer Should Know  Business 2 CommunityMany companies are looking to perform a website redesign in the near future. However, many marketers and company executives feel like they are hearing a ...
PC Website Builders Market Future Growth, Future Need, Application, Types & Major Service Provider by 2023  Journal of IndustryWith the help of 12 Chapters spread over 116 Pages this Report Describes “PC Website Builders Market” Introduction, Product Scope, Market Overview, Market ...
Web Developer - Remote - Hireology  Built In ChicagoHireology is hiring for a Web Developer - Remote in Chicago. Find more details about the job and how to apply at Built In Chicago.
Top best framework for website development  Daily HawkerThe internet continues to develop day after day. Also the multifaceted of cyberspace continues to grow day by day. The method considered in creating rich in ...
New Web development program at WNC teaches students to build, sell websites  Carson NowCARSON CITY — In partnership with IPA LLC, Western Nevada College's Community Education department is offering a new intensive eight-week bootcamp ...
Intermediate-Senior Web Developer job, Durban, Durban North, Riverhorse Valley  Bizcommunity.comThe Fire Tree Design Company is looking for a web developer to join our team.
PHP development trends to watch out in 2019 - WhaTech  WhaTechDevelopers feel quite comfortable in case of PHP website development in comparison to other programming languages since it assists them in focusing on one ...
Why mobile testing is one of the most vital skills a tester can have  Software Testing NewsWith the huge increase in mobile phone usage, mobile testing is quickly becoming one of the most vital skills a tester can have. How often do you use your ...
NetElixir Appoints Lisa Batra as VP of Client Services & Digital Marketing  MarTech AdvisorRetail search marketing company NetElixir has expanded its leadership team by appointing Lisa Batra to the newly created position of VP, Client Services and ...
Geelong web development company Goop Digital gearing up for growth period  Geelong AdvertiserGEELONG web development company Goop Digital is eyeing its next growth phase after a period of consolidation to make sure it could handle more business.
Introducing the Newly Updated Version of Online Food ordering platform  EIN NewsPOFI Technologies—Shopurfood is an online platform for food ordering and delivery launched by POFI Technologies. Shopurfood food delivery platform is ...
8 new WebAssembly tools you should know  InfoWorldWebAssembly, aka Wasm, lets you execute code in a browser, support other languages besides JavaScript on the web, and speed up applications. A tools ...
Petrolhead Nikola driven to help Luckbox on the road to success  Esports news from LuckboxThe team at Luckbox continues to grow and we now have more than 40 full-time members of staff, including more than 25 developers in our offices in Plovdiv, ...
Introducing Basilisk, an open source XUL based browser and “close twin” to pre-Servo Firefox  Packt HubYesterday, the team behind Pale Moon, an open-source web browser introduced Basilisk, which is supposedly a “close twin to Mozilla's Firefox”. Basilisk is an ...
9 Web development trends you simply cannot ignore in 2018  TechGenYZWeb development is a major part in conversions and increasing your sales.To optimize your websites know the web development trends of the year.
Learn Web Development for Free With App Academy  LifehackerCoding school App Academy has opened a free online interactive version of its 12-week curriculum. That's a pretty good deal, since the Academy's in-person ...
Focusing on data science and web development, edtech startup edWisor looks to bridge the skill gap  YourStory.comBootstrapped edWisor looks to address skill shortage in the areas of data science and web development, and uses gamification to align freshers with industry ...
Know about the current trends in web development  Customer ThinkIn case of web development, you may have probably heard that the only constant is the change. It is an industry-defining statement as web development keeps ...
Careers in Web Development  Telangana TodayIn the last edition we have discussed about various technology stacks, what to learn and what is the career path. This article details about careers in web ...
5 Top reasons to hire the best website development company  TechGenYZHiring a website developer is necessary to create a professional website. However, is it so easy? Have a look at top reasons to hire the best website ...
How to Become a Great Programmer  TechwormProgramming is more of an art than a technical Skill. To become a great programmer, you will need to practice a few things which we mentioned in our article.
4 Ways Web Development Has Changed Over the Years  The Hans IndiaWeb development has seen many changes over the years New ideas, new technologies and what is acceptable as an industry standard has pushed web ...
Things You Should Definitely Know About Web Development Team  Customer ThinkImagine one time you came up with a great idea to create a website for your company. The first step to take in this case is to hire a web development team of ...
Report: What is the next big thing in web development?  JAXenterThe 2018 Packt Skill Up Report: We take a closer look at web development: What technologies are currently number one and what does the future hold?
Image Management 101: The Web Developer’s Guide  DevOps.comHow understanding the user experience can help web developers in managing images effectively Online experiences have in many ways supplanted in-person ...
7 Best YouTube channels to learn web development & designing  TechGenYZNeed to learn web design and development? No worries, there are millions of tutorials, and videos available on YouTube for people to learn new skills or to ...
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.
Spring MVC tutorial: How Spring Boot web MVC makes Java app development easy  TheServerSide.comThere are many Java web development tutorials available online, but there are very few Spring MVC examples that run within a Spring Boot project. This Spring ...
How do I know if Web Development is right for me?  TechRepublicHow do you know if you're ready for a career change in tech, and if that change is right for you? A TechRepublic member is trying figure this out and is asking ...
“ChromeOS is ready for web development” – A talk by Dan Dascalescu at the Chrome Web Summit 2018  Packt HubAt the Chrome Web Summit 2018, Dan Dascalescu, partner developer advocate at Google provided a high-level overview of ChromeOS and discussed ...
This web developer course is down by over £150  MashableProgress from a junior to senior web developer for just £11.99 with this course.
Why has Python Failed To Penetrate The Enterprise Development Sector?  Analytics India MagazinePython has built considerable buzz in the large-scale web development space, but despite its popularity, it has failed to penetrate enterprise development.
Learn the tricks of web development in 44 hours  Android Authoritycould be the start of your future in web development. The minimum outcome is that you learn an interesting and marketable new skill. If things go well, it could be ...
4 Ways to Ensure Effective Web Development  Business 2 CommunityWhen it comes to building a new website, many businesses choose to focus predominantly on the design aspect of the project when approaching agencies to ...
How Website Development Has Changed Over the Years (infographic)  Digital Information WorldWebsite design has come a long way in a relatively short time. From zeros and ones to lines of code to intuitive website builders, designing for the web has ...
Job vacancy: Marketing and web development project manager  International Association of Athletics FederationsThe IAAF is seeking a marketing and web development project manager at its Monaco headquarters. Reporting to the chief information officer, the marketing and ...
How to set up an iPad for web development  The VergeA few months ago, I detailed my process for setting up a Pixelbook to code on. It wasn't easy or simple or straightforward, but it worked in the end: I had all the ...
What is Document Object Model (DOM) in Web Development?  TechnotificationBrowsers know how to convert the tags of the HTML into a tree with the help of DOM. Here is all you need to know about Document Object Model.
You Can Become a Web Developer with This Interactive Coding Bootcamp  Interesting EngineeringWith over 60 hours of instruction led by industry professionals, this in-depth bundle will get you up to speed with the world's most important programming ...
Full stack puts Bellevue University web development students ahead of the pack  Omaha World-HeraldStudents learn to design, code, implement and maintain an interactive website on their own.
Get a complete web development education for less than $5 per e-book  TNWWho would you rather hire: a guy to build your new website and another guy to build the hardware infrastructure to run your new site? Or one guy who can do ...
Best web development tools of 2018  TechRadarGrab the right tools to get web development done without breaking a sweat.
Use Rust for web development [Tutorial]  Packt HubRust is efficient and has well thought web-oriented frameworks, making it viable for web development. In this article, we'll see how Rust can be used for web ...
Uber introduces Fusion.js, a plugin-based web development framework for high performance apps  Packt HubUber introduces Fusion.js, a brand new web framework based on a plugin-based architecture with module reloading, and bundle splitting support.
Web Development for Beginners  Daily HiveLooking to level up your skills by learning to code? Experience what learning Web Development at BrainStation is all about. Web Development for Beginners ...
New Portland program focuses on coding and web development  AroundtheOIn an effort to meet regional demand for web developers, the UO will offer a new 24-week coding course in Portland starting this January. The University of ...
Pay What You Want for the Ultimate Web Developer Bundle  InverseWeb Development is a vital and lucrative skill. You'll learn the ins and outs of everything. Domain design, top info and tips from expert programmers, ...
What is native app? - Definition from WhatIs.com  TechTargetThis definition explains the meaning of native application and how these software programs are developed for a specific platform or device.
Open Source Dart 2 Revamp Focuses on Mobile, Web Development  ADT MagazineAfter a nearly eight-month pre-release preview, the open source Dart 2 programming language has emerged as a stable release that includes many breaking ...
Is Agile Web Development All It's Cracked Up to Be?  EContentErik J. Martin. May 28, 2018. Spring 2018 Issue. BEST PRACTICES SERIES. Team Collaboration, *Content* Development & Publishing · Boost Translation Quality ...
Learn the Essentials of Web Development with This eBook Bundle  Interesting EngineeringThrough hands-on, real-world instruction, this course teaches you about everything from development essentials like JavaScript, Java, and C++ to interview ...
Web development tools, frameworks evolve quickly  SDTimes.comChanges in technology have led to changes in how web applications are created. And that has caused some consternation among web developers. A decade ...
Break into the field of web development with these discounted e-books  MashableThe barriers to breaking into the web development field are lower than ever. You no longer need to break the bank, quit your job, and enroll in a university to ...
Sign up for a web developer bootcamp class online during this course sale and pay just £12  MashableWeb development sounds like something that should be kept to the confines of tech support HQ — clouded in mystery and something us mere mortals cannot ...
Straight From the Tech Experts: What Will the Defining Feature of Web 3.0 Be?  TechopediaThe jump from Web 1.0 to 2.0 gave us a more easily accessible, interactive web. So what can we look forward to with Web 3.0? Experts share their thoughts.
5 Best Online Front-end Web Development Playgrounds  Technotification5 best online front-end web dev playgrounds to test code. As soon as the code is written, the test-ready output is delivered within seconds.
Cloudflare IPFS Gateway boosts decentralized website development  ZDNetThe new solution enables developers to create websites which are based on peer-to-peer, distributed technologies.
How Is Data Science Transforming Web Development?  DataconomyWeb app development is about to undergo a significant revolution triggered by the rise of data science. So far, developers have created apps based on focus ...
Understand Web Development in Less than 1 Hour  SitePointThis article was created in partnership with KTree. Thank you for supporting the partners who make SitePoint possible. This article explains what web ...
Why choose Angular for Web Development - WhaTech  WhaTechAngular is well known for developing robust and adaptable Single Page Applications (SPA). The Application structure is developed in JavaScript and uses ...
Some of the Best IDEs and Text Editors for Web Development  TechnotificationThe right IDEs or a Text editor will be a huge help during coding. It'll help you be faster, accurate and productive for web development.
Learn how to become a web developer with this $39 online training series  MashableIf you're interested in a career in coding and developing web projects, you're going to need more than "a season of watching Silicon Valley" on your résumé.
Train as a full stack web developer, and learn at your own price  TNWOn a practical level, handing a project to a full stack developer makes sense. If one person knows how to create apps for both front-end interaction and back-end ...
The rise of web development: The revolution that changed the face of the internet  Business MattersBusiness MattersNot long ago, businesses have started to place greater importance on their web presence, and for good reason.
Seven Reasons Why A Website's Front-End And Back-End Should Be Kept Separate  ForbesHere is why it may be a good idea to have a separate back-end and front-end for a website.

The Number One Reason Most Websites Fail

Failure, just like success, is measured differently by each and... Read More

So You Want To Have A Website

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

Website Conversion Rate: More Keywords Equals More Sales

Your website conversion rate should concern you. This simply refers... Read More

7 Questions to Understand Your Customer Better

Customer service questionnaires can help your clients better understand their... Read More

The Web: Your Window of Opportunity

Thinking about starting up a business? The web is the... Read More

6 Steps To Your Own Website

A lot of people these days are interested in getting... Read More

How Disabled Users Access The Internet

In 1995 a new era of accessibility for disabled people... Read More

3 Rules of Website Designing and Layout

Now that you have got your domain name registered, your... Read More

Where on Earth is Your Websitee?

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

Earn On Offshore Web Design and Development

If you have some experience in web site design and... Read More

Credibility - 10 Ways to Build it on Your Website

If you have your own business website and you are... Read More

Top 7 Tips for Building an Antique Car Website

Like wine cars get more attractive to collectors as years... Read More

Build a Strong Foundation for Creating Your First Online Identity ? Notes for Beginners

If you are looking for creating your online presence you... Read More

High Quality Website at Low Cost

Although designing a great web site is an important part... Read More

Your Future Profit Is In The Stars

You don't believe in astrology but you check your horoscope... Read More

Websites for Writers ? Why You Need One and How to Get Started Today

It may seem like the publishing industry's equivalent of Beanie... Read More

10 Simple Steps: Its Magic If You can E-Mail You can Update Your Web Page Dynamically

Dynamically Update Your Web Pages Via E-MailIf you can Send... Read More

How to Increase Sales with Automation Improvements

How popular is online shopping? And is there room for... Read More

You Need a Website!

No matter the size of your business, having a web... Read More

Build or Buy a CMS?

Creating a content management system either from scratch,... Read More

Web Site Optimization: How To Speed Up Your Web Site By Minimizing Your GIF and PNG Image Bit-Depth

Are bloated images slowing down your web site and causing... Read More

7 Reasons YOU Need a Website

1) A marketing necessityI still hear it said from time... Read More

Why Do I Need A Web Site?

Even though the Internet has been around for a long... Read More

FREE Amber Alert Tickers for Your Website

Project Safekids provides webmasters a valuable tool which could save... Read More

Build a Web Site that Works...Even for a Safari Hobby!

My life's greatest passion is a safari hobby. And what... Read More