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:

A Quick Primer on Managing Your Web-Development Tasks  EntrepreneurEarly in the life of your startup, perhaps when that venture is still just a side project, you need to get serious about the design of your website or app(s). And you ...
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 ...
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 ...
Web Development Business Management and Sales Techniques  Business 2 CommunitySoftware engineers often think about starting a web development business of their own. We may be talking about a traditional senior software developer working ...
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 ...
Start Learning HTML and CSS With This Ultimate Guide  LifehackerThere are so many ways to learn web development, your problem might be how to choose a starting point. The design site CSS-Tricks has their own guide for ...
Ionic 4 taps Web Components for mobile app development  TechTargetThe latest version of Ionic's application development environment, Ionic 4, is rebuilt on standard Web Components to enable developers to use one codebase to ...
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 ...
Top 10 Image Formats that are best for Web Development - WhaTech  WhaTechWeb 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 ...
Daily Deal: The Complete Full Stack Web Development Master Class Bundle  TechdirtThe $29 Complete Full Stack Web Development Master Class Bundle is seven courses covering today's hottest web frameworks and technologies. You'll start ...
This Python Developer Tool Takes The Heavy Lifting Out Of Coding  Analytics India MagazinePycharm is the most popular and full-fledged IDE for Python scripting language which is created by Czech company, JetBrains.
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.
This Complete Full Stack Web Development Master Class Bundle only costs $29  NeowinToday's highlighted deal comes via our Online Courses section of the Neowin Deals store, where you can save 95% off the Complete Full Stack Web ...
Can a coding boot camp reboot your career?  Global NewsCoding boot camps bill themselves as a shortcut to well-paying, high-tech jobs.
Pinnacle purpose to Choose Ruby on Rails for Web Development Project  HostReview.comWell, like life in web development we too have a good number of choices. In terms of life, the choices can be unique and varied however in regards to ,General ...
3 Tips for Marketing Your Web Development Business in 2019  Business 2 CommunityThe new year is here and it's time to kick your web development business into overdrive. There's no doubt that the web development industry is growing at a ...
Top 10 Programming Languages to Watch Out for in 2019  AppinventivEager to know what are the top 10 programming languages that will define 2019? Check this blog to get the list.
Top Website Design and Development guidelines for 2019 - WhaTech  WhaTechIn 2018, it was a core requirement for every company to have a digital presence. This was what spurred the growth of top web development companies as there ...
School Leavers Should Check Out Harare Polytechnic’s I.T Programme  Technology ZimbabweConsidering tertiary education in any IT-related area? It can be mind-boggling deciding where to go and I know the university was the first place that crossed ...
Announcing IGN's 2019 Internship!  IGNAre you looking to work in the web industry? Apply for our paid, eight-week internship at IGN in San Francisco and get hands-on experience with the world's ...
Become a web development pro with this Angular 2 training  Android AuthorityWhen it comes to web development, Angular 2 reigns supreme. This streamlined and innovative platform is the go-to application for virtually every aspect of the ...
The Internet Was Built on the Free Labor of Open Source Developers. Is That Sustainable?  MotherboardA look at the complicated business of funding open source software development.
Top 3 Ideal Programming Languages for Every Programmer  TechnotificationGet to know some of the most ideal programming languages for every programmer out there, and what makes each one of them special.
Infibeam Auditors Raise Questions On Advances To Vendors  BloombergQuintAuditors to Infibeam Avenues Ltd. raised questions about loans to vendors and how it recognises revenue in a *fresh* concern for the online retailer.
Become a professional web developer with this nine-course bundle  Android AuthorityWith nine courses and over 60 hours of training led by development pros, this bundle walks you through both the fundamentals of web development along with ...
4 Interview Questions to Ask Part-time Web Developers  PC WorldWeb developers can help you manage your corporate websites, tweak websites for clients, and implement more efficient databases. Bringing on a web ...
How Tim Berners-Lee's Inrupt project plans to fix the web  Wired.co.ukTim Berners-Lee wants to change the face of the internet he created. In September 2018, the father of the world wide web announced the launch of startup Inrupt ...
Awards for Top LA Web Development Company Announced for January 2019 by 10 Best Design  PR WebLOS ANGELES, Calif. (PRWEB) January 30, 2019 -- 10 Best Design is pleased to announce the winners of its Best LA Web Development Firm awards for ...
Programming languages: Python rides high but Groovy is cool again with developers  ZDNetGroovy sees a jump in popularity after years on the periphery of Tiobe's top 50 programming-language rankings.
Head to Head Comparison: Eventbrite (EB) & Wix.Com (WIX)  Fairfield CurrentEventbrite (NYSE:EB) and Wix.Com (NASDAQ:WIX) are both mid-cap computer and technology companies, but which is the better stock? We will contrast the ...
Top 5 Easy-to-learn New Programming Languages  TechnotificationIf you want to learn a new programming language that is easy and have good demand in the market then you should learn any of these languages.
Researchers developed artificial intelligence that can write so well it kind of scares even them  WTVM(Gray News) – Researchers have developed an artificial intelligence text prediction tool so advanced, it could take this sentence you're reading and basically ...
Town of Black Mountain to launch new website  Black Mountain NewsStaying informed about matters of local government will soon be more convenient for residents of Black Mountain. On Monday, Feb. 25, the town will launch its ...
What will NYC lose after Amazon HQ2 deal crumbles?  Curbed NYHere are the commitments Amazon is taking with it.
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 ...
This $41 course package can get you hired as a back-end web developer  The Next WebFront end developers get all the glory. Their work is always right there in a user's face with all that HTML and CSS goodness. But those in the know know that 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 ...
Assessing Trump’s artificial intelligence executive order  Brookings InstitutionDarrell West comments on President Trump's executive order on artificial intelligence, raising questions about its funding and implementation.
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.
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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.
From Salon Marketplace: Earn a web development certification with this bootcamp  SalonThe Beginner Full Stack Web Development course provides a strong foundation of digital knowledge.
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 ...
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 ...
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 ...
How to become full-stack web developer  JAXenterIf you're looking for a way to become a full-stack web developer, and amplify your chances of landing a well-paid job, here is the ultimate guideline.
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 ...
Five hacks to land a top-notch internship in web development  Daily News & AnalysisWhether you've got your degree in web development or you're still studying, it is imperative to gain some practical experience in the field. But, landing a web ...
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 ...
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.
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 ...
Best Programming Languages For Backend Web Development  TechnotificationHere are some interesting server-side web development programming languages worth considering for web development.
Score 9 courses on back-end web development for just $41  MashableAt the risk of sounding totally high: Websites are sort of like restaurants, when you think about it. Stick with us. You've got your front-end developers, who function ...
Lean Web Development with the Best Teachers Online  Digital InspirationFor the past few months, I have been on a learning spree looking to enhance my existing coding skills and also learn new programming languages and ...
6 steps to becoming a full stack developer  TechGenixThe journey to becoming a full stack developer might appear herculean at first. But once you master these six steps, you are on your way to getting there.
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.
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 ...
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, ...
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.
Web development school pushes for more tech-industry training  KMTV - 3 News NowThe Interface Web School, which is a part of the AIM Institute, wants to help put people to work in the growing tech industry. Aim's mission is to grow, connect and ...
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!
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.
Ten Basic Things Every Web Developer Should Know  HTML Goodiesten things you need to know if you plan to build a web site.
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 ...
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.
9 Essential tools to write your posts correctly  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 ...
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 ...
This web developer course is down by over £150  MashableProgress from a junior to senior web developer for just £11.99 with this course.
Learn the tricks of web development in 44 hours  Android AuthoritySpending just $29 could be the start of your future in web development. The minimum outcome is that you learn an interesting and marketable new skill. If things ...
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 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 ...
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.
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 ...
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 ...
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, ...
Best web development tools of 2018  TechRadarGrab the right tools to get web development done without breaking a sweat.
Top Five Programming Languages To Learn In 2019  Analytics India MagazineIn this article, we list 5 programming languages that are recommended for 2019 and the importance of these languages. These langyages are in great demand.
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 ...
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.
Best Web Frameworks in Popular Programming Languages  TechnotificationWeb frameworks simplify the whole web development process. The big question is: Which are the best web development frameworks to use in 2019?
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.
A web developer's perspective: Edge's move to Chromium will increase productivity, but raises long-term concerns OnMSFT.com  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 ...
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 ...
Understand Web Development in Less than 1 Hour  SitePointThis article explains what web development is, by exploring how it started and how it evolved.
Is Agile Web Development All It's Cracked Up to Be?  EContentWhile AWD offers several advantages over waterfall and other methodologies, it has its limitations too. Whether you're preparing to take your first iterative plunge ...
5 examples of Artificial Intelligence in Web apps  Packt HubThis article highlights the five key areas where web apps are employing Artificial intelligence to automate some part of their system.
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 ...
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 ...
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 ...
Angular 6 training: Start your career in web development  Augusta Free PressAngular 6 is a Java-based web application development framework that had made waves in the industry.
“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 ...
Top 5 Web Development Startups of 2018  BBN TimesTech Start-ups are the most trending things among investors and entrepreneurs due to the serious innovations they offer. Who knows which upcoming tech ...
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 ...

KISS Your Website!

Many web developers today are starting to KISS their website,... Read More

Find the Purpose of Your New / Proposed Website

Absolutely everything stems from the purpose of your website -... Read More

5 Ways to Build a Website

If you are like me you have wanted to build... Read More

Trust Us! Sending Credible Messages

A company must earn and keep trust or sales don't... Read More

Do You Need a Web Database?

Does My Web Site Require A Web Database?If your web... Read More

Unlocking the Power of Your Website!

Why do some web sites reap huge benefits while others... Read More

Streamline your Business Website with a Content Management System

I talk with so many people who have small businesses... Read More

Does Your Business Really Need A Website?

Website, website, website, everyone says you need one. But do... Read More

Content Management ? The New Standard in Web Design

The evolution of web development parallels the model of technology... Read More

7 Reasons YOU Need a Website

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

Building Websites with Directory Generator

Directory Generator, a product from Armand Morin and Marc Quarles,... Read More

How to Create Sizzling Sales online

"Don't Sell the Steak, Sell the Sizzle."Have you heard of... Read More

Create Huge Income From Your Web Site - 10 Easy Ways

The cost of setting up a web site is dirt... Read More

Why Do I Need A Web Site?

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

Five Essential Questions to Answer Before Creating Your First (or second...or third) Website

Right after the thought, "I need a website," people usually... Read More

The Problem with Paypal On Your Web Page

When I set up my website I felt paypal was... Read More

Making the Most of Your Website: Start with the Basics

One of my most salient memories from when I sold... Read More

Abandonment - Why Visitors Don?t Turn Into Customers

Every good Internet business understands the value of conversions versus... Read More

Functions and Subroutines in ASP

Functions and Subroutines in ASP If you read... Read More

Your Future Profit Is In The Stars

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

Three Things Every Website Should Do

When I started my company in 2002, I knew I... Read More

WYSIWYG Versus Coding: HTML With A Purpose

After years of working with entrepreneurs who developed their first... Read More

Improve Conversion Rates ? Effective Content

Your site is fast and getting traffic, but conversion rates... Read More

What Your Customers Say About YOUR Site! Part 1

The following is a list of patterns that many visitors... Read More

7 Questions to Understand Your Customer Better

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