In light of the recent COVID-19 pandemic - OPTASY would like to offer DRUPAL website support for any Health Care, Government, Education and Non-Profit Organization(s) with critical crisis communication websites or organizations directly providing relief. Stay Safe and Stay Well.

You Have Your List of Web Accessibility Issues: What Do You Fix First? 8 Simple Ways to Prioritize Accessibility Problems
Tips
Web Design

You Have Your List of Web Accessibility Issues: What Do You Fix First? 8 Simple Ways to Prioritize Accessibility Problems

by Adriana Cacoveanu on Mar 27 2020

You've run your audit, you've got your list of web accessibility issues: now what?

Where do you start?

Before you get to the point where you ask yourself “How do I fix web accessibility issues on my site?” you wonder: “Which issue to address first?”

How do you prioritize accessibility problems?

By noticeability, by severity or by tractability? What criteria do you use?

And this is the question that this post will answer to.

It's a list of 8 simple ways to prioritize the issues included in your accessibility audit report:

 

  1. If Your Website's Image-Heavy, ALT Text Becomes a Priority

  2. If You Host Lots of Videos, Adding Captions Is Critical

  3. Let the Data on Your Target Audience Dictate Your Priorities

  4. If the Issue Is Repetitive for Screen Readers, Then It's High Priority

  5. Put on Your List of Web Accessibility Those that Impact the User Navigation 

  6. Prioritize the Issues that Prevent Users from Submitting Forms

  7. Prioritize The Accessibility Issues Detected on Key Pages of Your Site

  8. Prioritize Low Complexity, but High-Value Issues

1. If Your Website's Image-Heavy, ALT Text Becomes a Priority

Do you have lots of images on your website?

Then adding ALT text is a top priority, by default.

2. If You Host Lots of Videos, Adding Captions Is Critical

Do you have lots of video content on your site? Then adding captions should be one of the first tasks to carry out after you've run your web accessibility audit. 

 

3. Let the Data on Your Target Audience Dictate Your Priorities

Customer analytics should be the main criteria to use when you put together a list of web accessibility issues.

How many people in your customer base use screen magnifiers to zoom in specific sections on your website?

Are there users depending on screen readers in order to interact with your website? 

What does the analytics data tell you? 

It's those stats that determine how you should prioritize your usability problems. And how you should design your website accessibility plan.

How to Prioritize Your List of Web Accessibility Issues: Customer Analytics

Source: Medium.com

In this case, categorizing (and therefore prioritizing) web accessibility issues by their WCAG level (A, AA, AAA) is a bit rudimentary.

The data that you have on your user target group might reveal to you that complying with certain AA (or “nice to have”) standards is more important for your audience than complying with some A standards...

In short: start with those issues that have a direct impact on your specific customer base.

4. If The Issue Is Repetitive for Screen Readers, Then It's High Priority

Take an issue listed in the W3C accessibility checklist as common as... link names. It says there that the displayed text should be unique, meaningful and descriptive enough.

Has your automated accessibility testing tool identified multiple instances of this issue?

Do they seem to be so repetitive that the experience of any website visitor using a screen reader is just... terrible?

Then you should address them ASAP.

 

5. Put on Your List of Web Accessibility Issues Those that Impact the User Navigation 

You've run your web accessibility audit and now you need to prioritize the issues detected.

An effective criterion to use for setting up a hierarchy of “errors” is the impact that those issues have on users' navigation experience.

For, if those issues prevent users who depend on assistive technologies from navigating your website, they'll get discouraged/frustrated. And leave your site.

For instance, your accessibility audit might detect a problematic heading structure. Which, by the way, falls into the AA category.

If that heading structure:

 

  • skips certain levels
  • or, even worse, there is no heading structure at all
  • or it contains too much irrelevant information

     

… and is the main “culprit” for the poor navigation experience on your website, then you should make it a priority.

 

6. Prioritize the Issues that Prevent Users from Submitting Forms

For there's nothing that says “I don't care about you” like web accessibility issues that stop users from filling in a form on your site.

In short, make sure you tackle those first.

I'm talking here about usability issues like:

 

  • unhelpful error text messages like “please enter correct information”
  • unaccessible inline error messages

     

… that make it impossible for these website visitors to submit any form.

 

7. Prioritize the Web Accessibility Issues Identified on Key Pages 

Build your web accessibility test plan around the most important pages on your website.

How to Prioritize Your List of Web Accessibility Issues: Focus on Key Page

Source: support.siteimprove.com

For instance, optimizing a page with a Help article isn't a top priority. 

But optimizing for accessibility your:

 

  • Product page
  • Login page
  • Checkout page
  • User Registration page
  • Contact Us page
  • Feedback or Survey page

     

… should be listed among your top priorities.

Tip: a common web accessibility mistake is to ask people with disabilities to enter information from their paper receipts on the survey page.  Make sure this problem is among the first ones that you address.

So, before you go ahead and add problems to your top list of web accessibility issues, you might want to ask yourself some key questions:

 

  • “What's the scope of the page presenting accessibility issues?”
  • “What's the traffic on the page that you're about to optimize?”

     

8. Prioritize Low Complexity, but High-Value Issues

And now you have your answer to the question:

“What if I have a high-value issue, but with low complexity like... defining page titles for dynamic pages on my website?”

Final Word: Internal Prioritization Is Crucial 

Putting together a list of web accessibility issues to tackle first depends on your website's:

 

  • audience
  • content
  • functionality

     

Sticking to an “A level vs AA level” technique for figuring out what problems to fix first is... a bit too simplistic.

For even not all A-level accessibility standards are of equal importance and not all AA-level issues are just “nice to haves”:

How to Prioritize Your List of Web Accessibility Issues: Internal Prioritization

Source: www.w3.org

Your turn now:

What criteria do you use to prioritize the accesilbity issues that you identify on your website?

Are there other prioritization techniques that I should add to this list?

Let me know in the comments below.

Image by Gerd Altmann from Pixabay  

Development

We do Web development

Go to our Web development page!

Visit page!

Recommended Stories

Tips
What Are the Advantages of Using Flutter? 10 Good Reasons to Choose It for Your Next App Project

What Are the Advantages of Using Flutter? 10 Good Reasons to Choose It for Your Next App Project

Why would you want to build your next app with Flutter? Instead of... React Native? Or maybe Swift? What are the key advantages of using Flutter? Here are the best reasons why you'd want to give it a go for your next app project: But What Is Flutter Used For Anyway? ... for building native-looking Android and iOS apps using a single codebase. "But how is it any different from other cross-platform frameworks?" you might ask yourself. Widgets... That's right, they're Flutter's equivalent of the React Native components. Or of the native UI components, if you wish. You get to put together a fully customed UI for your app by choosing, then mixing and matching several ready-made widgets. They look either iOS-native or Android-native and... you can even create your own widgets, from the ground up. A widget could stand for a menu or a button, a slider, text, toggle... Reason #1: You Get to Share Both the UI Code and the UI Itself Between Multiple Platforms In short: you can make the most of having a common UI and business logic for all your target platforms. And this is where Flutter manages to stand out from the crowd of cross-platform frameworks: It doesn't just have a unique codebase for all platforms: it also shares both the UI and the UI code globally, across iOS and Android. In other words, one language, one UI, same business logic translates into UI consistency across platforms. Reason #2: You Reduce Maintenance Costs, One of the Main Advantages of Using Flutter       And that's pretty obvious since you only have one codebase to maintain.                Reason #3: You Save Time and Money (And Get to Be More Productive) Just imagine: You will use the same codebase for both the Android and iOS versions of your app. So, this can only bubble up to your... overall costs.  You: build one app and run it on multiple platforms (saving time and resources) get to build more apps... faster reach a wider audience with a single investment  Reason #4: You Get to Inject Native-Level of Performance into Your App "Why choose Flutter in 2020?" Because it powers your app with close-to-native performance. With Dart (Flutter's programming language) compiling everything into native code, and the need of accessing OEM widgets, out of the equation, you get better app startup times. Reason #5: You'll Develop Your App Much Faster The Flutter development experience is one of the best. And the main reason why developing a Flutter app is so much simpler and, therefore, faster. Here's why: The "hot reload" feature allows your developers to view the changes made in code on simulators, hardware, and emulators in... real-time. With no need to restart. This speeds up processes like adding new features, building your app's UI, and even testing it. One of the main advantages of using Flutter... And, where do you add that you have a huge collection of ready-to-use-widgets at hand, which speeds up your app's development process. Reason #6: You Speed Up Time to Market for Your New App Since you don't need to develop separate apps anymore, one for iOS and one for Android, you get to launch your app much faster. And to reduce your time to market. Reason #7: You Get to Fully Customize the UI Another one of the strongest Flutter app development advantages is the huge customization potential. You get to customize your app's UI in the slightest detail. And here are 2 ways that you can do that: browse through its impressive collection of prepackaged, core layout widgets, pick the ones that fit your needs, customize them to your liking and... create a fully customed UI go for some of the pre-built widgets that mimic the behavior of the iOS and the Android design languages: Cupertino and Material You're free to customize every aspect of your UI, no matter how complex, thanks to Flutter's ready-to-use widgets.   ... and to save lots of time while doing it. Reason #8: You Spend Less Time Testing Your Application Just think about it: The widgets making up your UI are part of the app itself and not part of the iOS or the Android platform. So, you're less likely to face incompatibility issues. Which translates into less time invested in testing your app... Reason #9: You Can Learn It in Just About... 2 Weeks  You/your development team will spend less time learning it. And this is one of the key advantages of using Flutter. Here's why: The UI in Flutter is code, basically. So, you can just put logic on the UI code to create, use, and... reuse components. Reason #10: You Get to Build a UI-Heavy App in No Time "Is Flutter a good choice?" It is if it's a UI-heavy application that you need to build. And you need it built really fast. The END! Now, whether these 10 reasons are strong enough for you to give Flutter a go or... not quite, one thing's for sure: You need a fast, great-looking app, that should incorporate all those powerful features on your wishlist. Nothing easier. Just drop us a line with that wishlist of yours and let's get it built!   Image by RSunset from Pixabay   ... Read more
Silviu Serdaru / Jul 31'2020
Tips
What Is the Best eCommerce Platform for Small Business in 2020? Your 6 Best Options

What Is the Best eCommerce Platform for Small Business in 2020? Your 6 Best Options

You need to launch your small eCommerce business fast and without breaking the bank... if possible. So, what's the best eCommerce platform for small business in 2020? And, most importantly: Which is the best eCommerce option for your store? The one that meets your specific needs? For, let me guess: your wishlist doesn't end there. You also want it to: give you enough customization freedom so you can personalize every aspect of your website    be scalable, to accommodate all those big plans that you have for your store be easy to use both for you, as you build your storefront, and your customers provide you with robust sales features (and advanced SEO tools) be fast have great software integration; you want to be able to add all the extra apps and tools that you might need quick and easy Now, let's see which of these 6 best eCommerce platforms for startups ticks most of the boxes on your list: 1. Squarespace What makes Squarespace one of the first solutions to evaluate first when choosing the best eCommerce solution for your small store? It gives you total creative control over how your website will look. Squarespace stands out from this list with its sleek, modern templates. Templates that are flexible enough to enable you to DIY your online store exactly how you want it to look. With no coding skills or additional plugins needed. Key Benefits you get unlimited creative control you get an entire collection of beautifully-designed templates, as well as tons of flexibility to further customize them to your liking you get to sell your products on Instagram, as well Main Drawbacks you're not free to add any extra sales features to those that you get out of the box; there's no app market you're quite limited when it comes to payment options; there are 3 options only: Apple Pay, PayPal, and Stripe its multi-channel selling offering is limited to Instagram its sales features aren't as powerful as those of other eCommerce solutions for small businesses You'd Choose to Build Your Website with Squarespace If... it's a visually-arresting storefront that you want to create you want total creative control over your website's design 2. Best Platform for Small Business in 2020: Wix Wix is any small-scale seller's (with little to no tech knowledge) dream come true. You get: an easy to use drag and drop system to put together your store (just drag text boxes and images and position them anywhere you want on the page) tons of creative freedom over your website's looks: make your website look exactly like the one in your head the chance to build your store with... zero costs (pay when you start to actually sell products/services on your newly built website) What more could you want from a solution of eCommerce for small retailers! Key Benefits  you can build your first online store in no time: you just drag and drop elements on the page you're free to design it exactly how you want it to look you get to add product videos, too Main Drawbacks you can't sell your products across multiple social channels you get a less robust inventory, compared to other platforms (i.e. you can't bulk upload products) Overall, the eCommerce tools that you get aren't as powerful as those of other platforms (i.e. Shopify).  You'd Choose to Build Your Website with Wix If... you're looking for an affordable eCommerce solution you want it to be super easy to use you want to be able to personalize every little aspect of your store  3. Weebly  Image by Hannes Edinger from Pixabay If you're looking for a 100% beginner-friendly and budget-friendly solution, Weebly is the one. You get to: sell for free (and upgrade later to one of its eCommerce plans) set up your small-scale eCommerce website with no tech skills Key Benefits  you get to build your online store on a budget: it doesn't get any cheaper than Weebly you can get your website up and running in no time: Weebly's the most beginner-friendly eCommerce solution you'll find Main Drawbacks you're not free to customize your checkout page (a crucial page on your eCommerce website) it doesn't provide you with multichannel selling features You'd Choose to Build Your Website with Weebly If... you have a really small inventory, so you don't really need any advanced selling features 4. BigCommerce It's one of the best eCommerce options for small businesses with... big ambitions. Why? Because: you get lots of powerful eCommerce features from the get-go (robust SEO tools and selling features); you don't need to look for (and pay for) any extra apps if you need to incorporate specific selling features into your website it is the most scalable eCommerce platform for a small business Key Benefits  you get to grow your small business... fast you get to expand your store's reach and keep your costs within budget by selling across various platforms (BigCommerce comes with lots of multi-channel integrations) Main Drawbacks its advanced tools come at a cost: a steep learning curve  it's not as beginner-friendly as the other eCommerce platforms on this list: don't expect to get your BigCommerce store live in... a matter of hours if you don't plan to grow your business any time soon, you'll find yourself paying for powerful features that you just... don't need You'd Choose to Build Your Website with BigCommerce If... you have big plans for your small eCommerce business and you want to make them a reality... fast 5. Square Online Store  Image by mohamed Hassan from Pixabay  What makes it the perfect candidate for the title of “the best platform for small business in 2020”? it's affordable it's easy to use, for any beginner trying to launch his/her first online store on his own it taps into AI to help you make the best choices when building your site  Key Benefits  you get to build your website and start selling with... zero costs: Square Online Store does offer you a free plan  the AI tech that it uses makes it so much easier (and faster) for you to build your store (i.e. you save valuable time when loading your products since it points out what categories they fit into) it's the “best value for money” type of eCommerce option for small-sized businesses  Main Drawbacks you're not 100% free to customize your website you'll find its selling features to be quite... basic if you're planning to grow your small business You'd Choose to Build Your Website with Square Online Store If... you want to be able to combine your offline sales with your online selling strategy you're on a shoestring budget and you have zero tech skills, so you're looking for a really affordable and easy to use eCommerce platform to build your small online store... fast 6. Shopify New to eCommerce and you're looking for a turnkey solution to launch your business fast? Shopify could be the best choice for you: it's easy to use and code-free it ships with 50+ different store themes (the Shopify themes are some of the best-looking ones in the marketplace) you have lots and lots of apps to choose from to incorporate precisely the functionality that you need into your store The whole process of building your eCommerce website with Shopify could get summed up to 3 simple steps: you select the store theme you add on your content you import your products' CSVs There! You're now ready to launch your Shopify store. Key Benefits  you get a huge app market and the most advanced sales-specific features on the market you get multichannel selling options (Amazon and eBay integrations here included) you can sync your inventories if you're already selling on another platform: centralize your inventory management you get a robust inventory system (i.e. you get alerted when one of your products is out of stock) you get built-in dropshipping tools, essential when you run a small business on a budget and you don't have storage for your products yet Main Drawbacks  it's not exactly the most budget-friendly eCommerce platform for a small retailer expect to be charged transaction fees on your sales, unless you use its in-house payment gateway: Shopify Payments You'd Choose to Build Your Website with Shopify If... you're committed to building a successful eCommerce business (you're not selling just a couple of products) you want to create a solid foundation for your store: Shopify provides you with powerful tools to build and manage your store and a big app store to browse through and grow your business The END! The best eCommerce platform for small business in 2020 is on this list, but the real question bugging you is: “Which one's the perfect choice for my own store?” It really depends on what you value most:  a low price? powerful sales tools and features? creative freedom to customize your product listings, your checkout page, your...? If what you need is a visually-appealing, easy to manage online store, equipped with advanced eCommerce features that best fit your needs, then what you need is Shopify. Now, if the idea of: digging through a huge app store browsing through a big collection of store themes to pick the one that suits your niche and store's personality setting everything up (optimizing it to rank high in search results here included) ... seems too time-consuming for you, we're here to help. Just drop us a line and let's get you that Shopify store that engages and drives sells.   Image by Darwin Laganzon from Pixabay   ... Read more
Adriana Cacoveanu / Jul 29'2020
Tips
The SEO Shopify Checklist: How to Get Your Store to Rank Higher Fast in 10 Simple Steps (Part 2)

The SEO Shopify Checklist: How to Get Your Store to Rank Higher Fast in 10 Simple Steps (Part 2)

See? We are a team of our word. As promised in Part 1, we're back with 5 more steps to add to your SEO Shopify checklist. And to boost the ranking of your new Shopify store (and its traffic, and the sales, and... all the "good stuff" that comes from an effective SEO strategy). So, let's dive right in. Here are the other 5 simple, yet effective improvements that you can make to your eCommerce website: Step 6: Optimize Your Product Pages "How does a Shopify store rank on Google?" It "bets" on a mix of unique product descriptions and on-product-page SEO best practices. "Often times product pages don't have the content that they need to perform well in the SERPs" (MOZ.com) With so many eCommerce brands still striving to get the most out of these 2 totally ineffective tactics: using the same description on multiple product pages across their websites displaying the manufacturers' descriptions on their product pages ... you stand high chances to get your own product pages to rank higher in the SERPS. Now, let's get specific.  6.1. 4 Best Practices to Increase Engagement on Your Product Pages add unique content to each page (don't be that Shopify store owner who uses the same content across all his/her product pages!) write your own product descriptions (and make sure to create one for each product in your inventory; focus on their best features and benefits) add product reviews and highlight ratings add high-quality images and videos of your products link to related products Source: spiegel.medill.northwestern.edu   Tip! One of the best SEO Shopify apps that you could use at this point is Product Reviews. It'll add SEO-friendly scores to all your product pages. 6.2. 3 Best Practices to Keyword Optimize Your Product Pages include your target keywords in the title tags, product descriptions, and meta descriptions remember to add it to your ALT text for images, as well make sure your keywords fit naturally into the text And, again, I can't stress enough the importance of original and unique product descriptions! Step 7: Add a Blog, Another Critical Step On Your SEO Shopify Checklist "If you’re seeing that Google is ranking more blog/article types of content for the keywords mapped to your Shopify store, your best bet is to go out and create that content yourself." (MOZ.com) Now, let's say that, as you're building the SEO for your Shopify store, you're trying to rank for quite a lot of informational keywords ("How to...", "What's the best...", etc.). You've already mapped them all to your store (i.e. to your product and your category pages) and... nothing. Your Shopify store's still on... page 10 in the searches for those keywords. But what about those stores that do rank high for the same keywords with informational intent? Is it their product/category pages that Google ranks? Or rather post from their blogs, that include those keywords? Mystery solved. If you want to have your store rank high for keywords with informational intent you need to add a blog to your Shopify site. It's there that you can write informational (and epic) content around those specific keywords. "Google is starting to prefer to rank more informational content above transactional. " (MOZ.com)  7.1. 4 Reasons Why You'd Want to Start Blogging on Your Shopify Store    face it: only a ridiculously small percent of your website's visitors access it with a clear intention to buy. To increase chances to turn them from visitors to customers, you need to... educate them; to provide them with informational content for each stage in the buyer's journey once you write high-quality content on your blog you can send some of that authority to your product and category pages (which, otherwise, are so hard to link to); internal linking still is on of the best SEO tips for Shopify that you should make the most of blog posts make great tools for "pitching" your products (just make sure you target the right keywords) a blog is a perfect place on your website to add informational content that Google ranks high   "But what should I blog about?" Glad you asked. Here are 3 simple ways that you can come up with some killer blog post topics: a. Ask yourself how your customers could get more value out of your product. For instance, you might be selling... hand blenders. Then, you could come up with recipes on "how to make creamy tomato soup in just 3 minutes" using a particular feature of your blenders. b. When you do your keyword research, make a list of all the user questions around those keywords. Then, go ahead and "exploit" them: write blog posts around the questions that your future customers have. c. Or, you can... brainstorm those questions. Ask yourself what inquiries and dilemmas related to your products your customers might be dealing with. For instance, you could be selling clothes made of a... revolutionary type of linen. Your potential customers could be wondering: "What makes it so revolutionary?". Or "Why is linen so expensive?" or "What's the difference between cotton and linen?" Step 8: Find and Fix all the Duplicate Content Issues Removing all duplicates is one of the crucial steps to take for improving the SEO of your Shopify store. It's also one of those issues common to Shopify stores in particular: 2 versions of your domain (with the same content) get indexed: the myshopify one and the custom domain one. Tip! When you add your custom domain to Shopify, make sure to check that all the traffic gets automatically redirected to your primary domain. How? Just go to Online Store > Domains and, if the message that you get there is “Traffic from your domains is not being redirected to this primary domain.”, click "Enable redirection". If it says “Traffic from all your domains redirects to this primary domain", then you're safe. But it's always best to check first. This way, you avoid the scenario where you're making it harder than necessary for Google to rank your Shopify store. For it won't know which of the 2 indexed versions is the "official" one. And speaking of the "duplicate content" danger that's greater in the case of Shopify websites, here are 2 ways that this eCommerce platform duplicates content. 8.1. It duplicates collection pages via pagination Meaning that it duplicates the first product category page in a series. You'll see “?page=1” included in the URL to the first page in that series.  And this URL is highly likely to have the same content as the first, non-parameterized URL. So, when working on the SEO for your Shopify store, make sure to identify and to remove all the duplicate paginated URLs. 8.2. It duplicates product pages  You'll have your product pages rendering at 2 different URL paths: the canonical one: /products/ the default, non-canonical one: /collections/.*/products/ Basically, Shopify creates several links for each category that a product is in. How to fix that? You can address this issue right in your theme's .liquid files. Just follow the step-by-step guide there to get it fixed. Step 9: Use an Alternative to Robots.txt File to Control Google's Crawl  Why would you want to add this point to your SEO Shopify checklist? Because in Shopify you cannot adjust the robots.txt file.  And, since you don't want Google to crawl the content on your website altogether, you'll need to look for alternatives. You could, for instance, consider canonical or "no follow" tags. Step 10: Build Links to Your Shopify Store It's sill is one of the most challenging parts when doing SEO for Shopify in 2020. But it's also one of the most powerful tactics, that can make or break an effective SEO strategy. Still, no need to get discouraged. There are a few simple and effective ways to get quality, relevant links to your Shopify store and boost its authority:   guest blog on relevant websites (remember to add a link to your online store in your blog post) reach out to those websites that have already mentioned your brand (your products, your brand's name, etc.), but "overlooked" to include a link to your website, as well form partnerships with publishers or other eCommerce businesses in your industry  find out who's linking to your competitors' stores and reach out to them   Our Recommendation for You Is... ... to balance out your SEO efforts and your efforts to provide the best user experience. Your mail goal, as a Shopify store owner, should go beyond that of achieving a higher ranking: More sales is your ultimate goal. And for that, delivering the best user experience (a fast loading site, helpful image descriptions, useful content, etc.) is critical. So, in addition to these 10 points on your SEO Shopify checklist, be sure to add another one: Provide users with what they're looking for on your website. And make it easy for them to find it. The better their experience will be, the higher your chances to have your site pushed up in the rankings. Now, if you'd want to have your store bumped up in the search results, but without having to: get tangled up in link building tactics be on the lookout for duplicate content issues come up with a unique and keyword-optimized description for every single product in your inventory ... just shift the burden to us. Drop us a line and let's start building out the SEO strategy that'll set your Shopify store up for success! Image by mohamed Hassan from Pixabay  ... Read more
Adriana Cacoveanu / Jul 17'2020

Need a new Project?

Dare us to shape and boost your idea(s)!

Start a Project

(416) 243-2431

Contact

(416) 243-2431

Toronto Downtown

First Canadian Place,
100 King St. W. Suite 5700, Toronto

Toronto West

2275 Upper Middle
Rd. E, Suite 101
Toronto

New York

1177 Avenue of the
Americas, 5th Floor,
New York