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

Ensuring a Website Accessibility Is the Editor Responsibility, as Well: 6 Best Practices for Creating Accessible Content

Ensuring a Website Accessibility Is the Editor Responsibility, as Well: 6 Best Practices for Creating Accessible Content

by Adriana Cacoveanu on Feb 20 2019

For it's not just the developer's job to code it or the designer's task to design it. It's your responsibility as well, as a content editor, to... write a website's accessibility. Creating accessible content is how you can contribute, directly, to ensuring its accessibility.

Since it's a shared responsibility: a website's accessibility is not just coded and designed, it's written, as well.

Your own accessibility checklist, as a content editor, would include tasks like:

 

  • adding alternative texts to every non-text element of the content
  • writing relevant, descriptive text links
  • putting together an easily scannable headings structure
  • writing clear copy

     

In one word: your self-assigned “mission” when it comes to making a website accessible for everyone is to create/further optimize every aspect of the website's content with accessibility in mind.

With empathy...

 

But What Is Accessible Content?

First of all, we should make one thing clear:

Web content that's accessible to everyone” doesn't mean just “web content that's also accessible to people with various disabilities".

It also refers to content that can be easily accessed and understood by:

 

  • smartphone users
  • elderly users with no broadband
  • users with low literacy
  • users with English as their second language

     

Now, a website's content is accessible if it follows the WCAG 2.0 standards from the W3C. Or the POUR checklist if you wish:

 

  • perceivable: content should be presented so that the website users can perceive it effortlessly and instantly
  • operable: the way it's structured should be easily operable
  • understandable: a content's understandable once it's simple and concise and its structural elements meaningful 
  • robust: content should be easily scanned through and correctly interpreted by assistive technologies

     

#1 Tip: Add Alternative Text to Non-Text Content Elements

Here's a quick empathy test for you:

Imagine that you're a visually impaired user. You access a website displaying lots of visually-striking imagery that you cannot or can hardly see. 

Or maybe there's a button there, on the homepage, that you need to click in order to listen to a podcast, but you just can't spot it.

See my point?

Creating accessible content means adding alternative text to every non-text content element — image, design element, chart/table, button — on the website. Screen readers can read text only: they cannot interpret images for their assisted users...

 

A few best practices for using ALT text:

 

  • keep your text under 125 characters
  • there's no need to start your alternative text with “image for...”
  • when possible, restrain yourself from using images with text (e.g. diagrams or graphs)

     

# 2 Tip: Write Clear Copy

For clear copy is... accessible copy.

Keep your writing simple, your core ideas clear and always use plain language. This way, you'll make the message on the website accessible to everyone:

 

  • visitors with cognitive disabilities
  • non-native English speakers
  • users accessing the website from their mobile devices

     

Best practices for writing clear copy:

 

  • use active voice
  • put the key ideas up front
  • always “bet on” short sentences
  • stay away from jargon
  • avoid idioms

     

# 3 Tip: Writing Accessible Headings Means Creating Accessible Content 

Writing for accessibility means, among other things:

Structuring and styling your content so it's scannable.

And relevant, properly formatted headlines will allow assistive technologies (and their assisted users, implicitly) to scan through your content, jumping from heading to heading.

This way, they can easily find what they're particularly interested in, instead of forcing them to go through the entire chunk of content.

 

A few best practices for writing accessible headings:

 

  • go for clear and relevant headlines rather than “cute” or “smart” ones
  • don't just bold your headlines, but use the proper hierarchy (H1, H2, H3...) and formatting —  <h> tag — instead

     

Note: if you overlook to format your headlines using the <h> tag, the assistive technologies won't recognize them as... headlines.

 

# 4 Tip: Accompany Links with Good, Descriptive Link Texts

And creating accessible content does mean tackling "the links issue”:

Whenever you're creating a link, make sure to add a descriptive link text, too. This way, it will be crystal clear, to all users, what kind of page that link would take them to, once/if clicked...

 

Some best practices for writing link texts:

 

  • make sure to signal if the link leads to a download; just insert the word “Download” in the link text or “PDF” in parentheses or “new window”
  • keep it concise, so that the screen reader can read it fast enough
  • avoid using “ALL CAPS” in your link text, they're harder to read
  • avoid relying on color, only, to indicate linked text, as that's not at all writing for accessibility if you consider the color blind visitors on the website

     

#5 Tip: Use The Right HTML Tags to Create Bulleted Lists

Can't have a clean, scannable text without some bulleted or numbered lists strategically “sprinkled” here and there, right?

Just remember to format them properly:

 

  • use the <ul>  tag for bulleted lists
  • … and the <ol> tag for numbered lists

     

# 6 Tip: Add Captions & Transcripts to Your Audio/Video Content

Now, just try to step into the shoes of a non-native English speaker, of a hard of hearing/deaf visitor or of a user unfamiliar with the speaker's accent. How accurately would you be able to understand a video or audio piece of content?

Creating accessible content means, also, adding text versions — captions — to the videos and the audio content displayed on the website. 

 

Best practices for creating captions:

 

  • write your own captions, don't rely on automated ones (or rely on a service that transcribes the audio content for you, like Rev)
  • make sure your captions are synchronized
  • exhaustive: remember to caption sound effects and background music/noise, as well
  • and equivalent: avoid paraphrasing

     

Note: also, keep in mind to add a static transcript, too, useful for any user who won't/can't access your video or audio content and depends on the equivalent text

 

Wrap Up: Make Accessibility Part of Your Content Creation Process

Making your content (more) accessible should be an integral part of your editorial workflow, not a last-minute checklist to handle.

Therefore, grow a habit of:

 

  • adding alt text while you're editing your copy
  • adding a caption as you're editing that new video that you're about to upload
  • structuring and formatting your headings as you're working on your new blog post
  • and so on...

     

In short: adopt an accessibility-first approach to your content!

Development

We do Web development

Go to our Web development page!

Visit page!

Recommended Stories

These Magento Extensions Will Boost Your Sales - Part Two
  Our last article discussed some of the critical Magento extensions for marketing and customer experience. This blog post contains valuable insights into other essential Magento plugins that target financial, shipping, and analytics aspects. Keep reading to discover how these extensions can improve your conversion rates.    Magento extensions for payments    Stripe Payments This Magento extension is used for processing credit and debit cards, as well as mobile wallets. If you want to position yourself as a trustworthy seller and deliver safe and secure payment options, Stripe is a must-have.  Benefits: Great integration. Stripe recognizes and accepts all major credit and debit cards and a wide range of currencies. Modern features. With Stripe, you can also use mobile wallets such as Apple Pay or Google Pay.  Compatible with a multi-store scenario.  Provides secure payment processes by using advanced machine learning algorithms.   OneStepCheckout This is a very handy extension that simplifies the checkout process of your Magento store. Shopping cart abandonment is a real problem for online retailers nowadays, and the Magento eCommerce platform offers an overwhelmingly complicated checkout process.  By installing OneStepCheckout, you'll make it easier for your customers to complete a purchase and increase your conversions. Benefits: Accepts all major payment providers. Cost-effective checkout solution. User-friendly and responsive design. This extension looks and works great across various screens and devices. Highly customizable. Adding and removing fields is easy with OneStepCheckout.   TaxJar Sales Tax Automation Sales tax can be a burden for many business owners. Fortunately, TaxJar can do it for you. With its automation capabilities, this Magento extension helps you prepare returns and calculate your taxes more efficiently.  Benefits: Real-time sales tax rates and calculations. Access TaxJar's APIs and real-time sales tax rates at checkout without compromising on the performance of your website.  Seamless and automated filling. With TaxJar's AutoFile feature, you can rest assured that your returns will be submitted correctly, on time.  Global rates. You can also use Tax Jar for taxes across multiple countries with accurate rates.    Magento extensions for shipping   Delivery Date FIne-tuning the delivery schedule for your customer needs will definitely boost your store's credibility and profitability. With Delivery Date, there will be no more missed packages due to the ultimate shipping customizability feature.  Benefits: Flexible. Allows the customer to select the date and time of their delivery.  Delivery notes. Customers can leave comments and provide additional instructions for the delivery.  Exclude dates. Delivery Data allows you to exclude any date from your delivery options.   ShipStation ShipStation powers shipping efficiency of all sizes. Order management is essential for large eCommerce stores, and it can become challenging. This Magento extension supports businesses in managing their shipping without headaches. Benefits: Returns are easy. Returns and refunds are streamlined for better customer experiences. Centralized orders. With ShipStation, you get to keep all your orders and shipment details in one place.  Order confirmation.    Shipping Suite This complex Magento extension provides customizable shipping and logistics for eCommerce stores. Shipping Suite is a 3 in 1 solution that allows you to take complete control over your delivery process through 3 innovative shipping management tools: shipping table rates, rules, and restrictions.  Benefits: Shipping approximations. Your customers are well informed about their shipping in advance thus reducing cart abandonment.  Highly customizable. You can choose which delivery providers to use and select the rates based on location.    Magento extensions for analytics   Google Analytics plugin for Magento 2 Easy yet powerful, this extension helps retailers track their web store's traffic more efficiently.  Benefits: Better customer insights. This extension allows you to track your customer's activity in your store.  Enhanced marketing. With better customer visibility comes better monitoring of your marketing campaigns.   Improved personalization. By understanding your customer's behavior more clearly, you can act upon personalizing their experience on your site.    Advanced Reports This Magento extension helps marketers with data visualization and management. It includes several reports and monitors different sales performance metrics in your store.  Benefits: Specific reports. You can analyze your reports based on categories. Payment and discount tracking. With Advanced Reports, you'll be able to see how your discount codes are performing and which payment methods lead to the most conversions.    Magento extensions for security As security is getting more and more critical in the digital environment, security extensions are a must to keep your online store secure.    Two Factor Authentication  Through this extension, you can improve your protection against fraud and identity theft. The Two Factor Authentication (TFA) algorithm adds an extra layer of security to your website and reduces the risk of cyber theft. Benefits: High compatibility. TFA works with several operating systems.  High security. The secure code sent to your configured smartphone to complete the log-in process is only available for 30 seconds. This prevents someone from hacking your website.  Failsafe. With TFA, your eCommerce site will be secured even if the security of your passwords is jeopardized.    Fraud Prevention To avoid fraudulent purchases and payments, installing this Magento extension is a must as it helps you track and block suspicious payments. Benefits: Automatic fraud detection. The extension automatically blocks purchases that match previous suspect purchases.   Custom blacklisting rules. You can create blacklist rules based on various customer attributions like name, address, ZIP, or IP address.    Conclusion Magento is a reliable choice for building and managing robust eCommerce stores. However, to make the most out of its capabilities, installing Magento extensions is necessary. You're now familiar with the most popular and useful plugins for enhancing and securing your website.  If you're still unsure which extensions you should select for your site, send Optasy a message. We'll gladly support you in your journey towards building your successful eCommerce business.   Photo credit: geralt on Pixabay.  ... Read more
Raluca Olariu / Apr 19'2021
These Magento Extensions Will Boost Your Sales - Part One
  As one of the most popular eCommerce platforms, Magento empowers retailers to build engaging, shoppable customer experiences in the digital world. By leveraging next-generation technology and a massive extension library, Magento helps B2B and B2C organizations create highly personalized shopping experiences for their customers.  Since the level of customization is so high for Magento users, they can often find it hard to choose from so many options and decide which plugins and extensions are truly efficient for their business needs. That's why we've created this article, to shed a light on some of the most useful and reliable Magento extensions that can help you make the most out of your Magento eCommerce website.    Magento plugins for marketing    Facebook Pixel for Remarketing This Magento extension collects data from your customers that browse your products and then runs your ads to those users when they enter the social media platform. You want to keep your product in front of your customer's eyes and here's where retargeting and remarketing play a crucial role.  Benefits: Automatic. Collecting user details is done automatically by Facebook Pixel—no installation is required on your end.  Easy exporting. Facebook Pixel lets you easily export products you want to promote on Facebook. Event tracking. You can personalize the way your customers interact with your brand and content by tracking events in your store and sending that information to Facebook.    Omnisend If you're searching for an all-in-one omnichannel marketing automation tool, then this suite is the right choice for you. Keep in mind that this is not a typical email marketing tool. Omnisend allows integrating multiple channels (email, SMS, web push notifications) in the same automation workflow. This extension can be integrated via an open-source plugin developed by a 3rd party.  Benefits:  Robust automation. In the era of digital workspaces, being able to bring all your channels together and integrate several channels in the same automation workflow is a must.  Easy message building. The visual email composer offered by this extension allows users to use a template or build their content from scratch in minutes. Streamlined targeting. By using segmentation based on profile data, shopping behavior, and customer engagement, targeting is much easier to manage.  Contact capture. With the help of landing pages, embeddable forms, and dynamic pop-ups, you can capture contacts more easily.    Mconnect Customer Specific Product &amp; Price Personalization is a big deal in today's digital world so this extension should be part of your arsenal. How does it work? Let's say you want to personalize a particular segment of customers to receive a specific sale. With this extension, you can update it so only particular customers see your sale prices. The same way goes for on-site product listing so you can show customers only the products they are interested in.   Benefits: Persoalization, personalization, personalization. If you want to thrive in today's competitive digital landscape, your site content and your omnichannel campaigns must respond to your customers' needs. Customization. With Mconnect Customer Specific Product &amp; Price, your customization capabilities are endless and will allow your store to respond to customers with products, prices, and relevant content.  Priority for prices. You have the power to decide which price gets priority for a particular segment.   Magento extensions for user experience   Yotpo Reviews According to a recent study, 91% of 18-34-year-old consumers trust online reviews as much as personal recommendations. Customer product reviews are an invaluable resource for developing customer trust. Yotpo's Magento extension supports you in collecting and publishing reviews on your website from customers that have made a purchase from your store.  Benefits: Social media integration. You can easily share your reviews on social media. Product images. Any customer can upload images with the items they've purchased for more credibility. SEO boost. Use snippets, Google Seller Ratings, and Product Listing Ads to boost your reviews index.   LoyaltyLion Any successful eCommerce marketer knows that a loyalty program is essential to transforming customers into a community. This Magento extension improves the customer experience by allowing you to provide referral codes and rewards to your customers thus encouraging them to share your services with friends and family. Benefits: Loyalty points. With this extension, your loyal customers have the opportunity to earn activity points which they can use later to claim special rewards. 100% customization. You can personalize your shopping program so that it fits your business and customers. Loyalty tiers. Your most loyal users will earn the best rewards which will motivate your shoppers to interact with your brand on a constant basis.   These are the most powerful Magento extensions for eCommerce websites that target marketing and user experience. We'll be back with part two of this article to discuss more details about Magento extensions for payments, shipping, analytics, and security. If you want to expand your Magento web development capabilities and empower your website to build robust digital experiences, check out Optasy's leading services in developing thriving web experiences.   Photo credit: geralt on Pixabay. ... Read more
Raluca Olariu / Apr 16'2021
7 Tips from Experts on Magento Web Development
  Magento is a versatile content management system (CMS) that offers outstanding mobile-friendly configuration and easy third-party integrations. As one of the most popular platforms for medium and big eCommerce businesses, Magento provides excellent flexibility and a wide range of integration and features that take customization to the next level.  However, working with Magento might come with some challenges like: Slow loading times Data security issues Poor Google search visibility Extension conflicts   While dealing with these issues is not uncommon in today's dynamic digital environment, there are ways to avoid regularly facing these challenges by implementing solid web development strategies and following specific steps. This article will give you key insights to better understand the process of building and managing Magento websites. It will also include expert tips and tricks from leading professionals in the web development industry.  If you are looking to fully exploit Magento development and get the most out of your web development plan, here are some tips and tricks that might help you.   1. Select your hosting provider carefully and make sure they provide reliable hosting services. When running an eCommerce website, connectivity issues are the last thing you want. The hosting server your website runs to can make a difference in your website's responsiveness and functionality.    2. Provide customized alerts that apply to the specific needs of your customers. By doing this, you'll not only ensure that your users are kept informed, but you'll also make them feel more connected to your brand. Basic alerts include alerts about price changes, and you can take it a step further by notifying customers when desired items are in stock.  Again, you'll kill two birds with one stone by following this practice, as it will contribute to your digital marketing efforts as well.    3. Add responsive parts and create a customized site that allows your audience to become more intimate with your brand. At this stage, you want to establish your brand and craft cohesive design schemes for all the elements that form your eCommerce website. Creating a responsive design element for mobile will allow you to build stronger customer relationships and satisfy your users' demand for accessibility.  As mobile devices are becoming the primary tool that connects your audience with your brand and content, you want to make sure that this connection is streamlined and effective.   4. Focus on selecting the best functions and features to suit the specific needs of your business. To set your website apart from your competition, you must choose Magento's features and plugins wisely. Spend some resources on finding out which functionalities speak to your customers specifically and add the most significant value to your website.  Your choice of Magento features should always reflect your business objectives and match your brand strategy, not the other way around.    5. Use tier pricing and group pricing to set your eCommerce business to success. How? Reward your regular customers and those who buy more inventory in bulk with incentives to stimulate and keep them coming back for more. Magento's tier pricing feature is a reliable tool that can help you manage this financial aspect by allowing you to price items differently and offer incentives.  The feature doesn't require any edits, and it will show your customers exactly how much they save when shopping at your store.    6. "Make SEO a priority" should be the motto of eCommerce businesses. When optimizing your Magento website for SEO, you should focus on boosting your product pages.  Firstly, ensure that your content is straightforward, concise, offers the exact amount of data needed to inform customers, but do not exaggerate at this point. Secondly, you should pay attention to updating the URL key to create a search engine-friendly link to your products.  Lastly, fill in your metadata section of each product in detail and include a minimum of five relevant keywords in each description. This should make your website more visible on search engines and allow people to find your online store more easily.    7. Don't forget about images, as eye-catching photos are often the first item on a website that catches the visitor's attention. Also, ensure that you use relevant names for your images, describing them as accurately as possible. SEO-optimized photos attract more visitors and help your website rank higher on search engines.    Magento is a winning choice for eCommerce   Magento web development may be tricky sometimes, but it's worth investing your resource in building and managing your eCommerce website with this reliable CMS.  Magento provides a wide variety of features that meet specific business needs, and the platform is developed for secure and functional web development.  When it comes to SEO, Magento won't disappoint you. On the contrary, the platform is an excellent choice for beginners as well, offering advanced SEO features that maximize your chances of ranking high on search engines and attracting more potential customers.  See how Optasy can support your business by creating and optimizing your Magento project to match your objectives and your customers' needs.  Photo credit: Megan_Rexazin on Pixabay.       ... Read more
Raluca Olariu / Apr 14'2021