Aria Rules Accessible Rich Internet Applications (ARIA) is a set of roles and attributes that define ways to make web content more accessible to people with disabilities.
HELP WITH YOUR ACCESSIBLE JOURNEY Website accessibility is a good thing for everybody. These resources can help you be more accessible and so make your website more inclusive.
Avoid blinking or flashing content Blinking or flashing content can pose accessibility challenges but actually can be challenging for most people regardless of sight impairments.
12 most common accessibility errors Having spent many months examining and testing websites from an accessibility perspective, patterns started to emerge.
Accessibility Visual Focus A large part of keyboard accessibility is centred around focus. Focus refers to which element on the screen currently receives input from the keyboard. Tabbing being a good example.
FONT SIZE Description: Font size can make the overall website experience a good or bad one and carful consideration is important.
FONT STYLES Description: Font styles play a crucial role in shaping the visual appeal, readability, and overall user experience of a website.
FONTS The choice of font for your website or document can significantly impact the accessibility of your digital content.
Google Analytics Google Analytics is a web analytics service offered by Google that tracks and reports website traffic and events. It is available inside the Googles Marketing Platform.
HEADINGS This section covers heading structure and hierarchy for documents and websites as well as examining why is this important.
htaccess code htaccess file allows you to set server configurations for a specific directory. This could be the root directory for your website or an /images or /downloads directory.
html Tags Here Is a list of html Tags. It is in a table format but also in a list format as tables can be problematic for assistive technologies.
http to https Rediect Today most websites automatically come with the green padlock already installed. This security method is know as an SSL certificate which creates the https.
Adobe Image Shrinker Use our photo size editor to quickly resize a photo. You can even resize a screenshot or shrink a hi-res photo to help your blog or web page load faster.
Do You Index? An index is a link but an internal link meaning in a Word document you can jump around a document much like you can link in a website from one page to another or even from one section to another section.
IMAGE OPTIMISATION Description: This is the process significantly reducing their file size of images without compromising their quality.
Image Resizer For Free Perfect quality - The best online image resizer to resize your images at the highest quality and free. No software to purchase and download and it’s free.
IMAGES AND PHOTOGRAPHS Description: Images and photographs if used properly can add to the look and feel of your website.
Simple Image Resizer When the size of your photos matters, you often have to give up its quality. But with Simple Image Resizer you don’t have to make this compromise!
Use text, not pictures of text Sometimes it is quite convenient to use text in images. A logo in this instance is a good example. Text contained within an image may distort or become blurry as it is resized.
WEBP Converter WebP ("weppy") is a file format which stores images with both lossy and lossless compression. It was developed by Google.
WebP converter by TinyIMG WebP is a raster graphics file format developed by Google intended as a replacement for JPEG, PNG, and GIF file formats.
Free Keyword Tool Discover new keywords and performance data to use in your site content, Google Ads campaigns and more. There not dead yet.
Keywords Meta Keywords: What Are They and Should You Use Them? They are a bit old and back in the day they were the main way to get a search engine ranking.
Long Tail Keywords Description: Long-tail keywords are highly specific search phrases that users are more likely to employ when they're closer to purchasing or when using voice search.
SpyFu Whilst keywords are not used by many search engines they can still be useful. Spy is a great tool that will take the guesswork out of Search engine optimisation.
Accessibility Landmarks Landmark roles (or "landmarks") programmatically identify sections of a page. The simplest landmarks areas might be "Header:, "Main", "Footer", and "Section".
Labels Labels in a website play a crucial role in making content accessible to people using screen readers. They provide additional information about the element.
Lang attribute What is the Lang attribute and why is it important. Every website should have one. Screen readers would struggle to work if they don’t know the language.
The Optimal Line Length Having the right amount of characters on each line is key to the readability of your text.
What Is A Link Title Attribute Description: A link title attribute is additional information provided on a link to better describe the link.
Accessible Names Aa accessible name is a string or words that are attached to an element. This provides additional information for screen readers beyond the elements code.
OVERLAYS AND WIDGETS Description: Widgets and Overlays are different but do share some characteristics. They are horrible for a variety of users.
Create accessible PDFs An accessible PDF is a document that is universally easy to use and meets established accessibility standards. It enables most people to view, read, or interact with your document.
Making an Accessible PDF using WORD Microsoft Word has a lot of great features and one of the most under utilised features is to convert a saved Word document into an accessible pdf.
Padding Padding is something that can go wrong very quickly if used wrongly. But the most common use of padding is to create space but why does this matter?
Placeholder Text While placeholder text can seem like a helpful way to guide users, it can become an accessibility barrier if not implemented thoughtfully. Maybe use a tool tip instead.
Google robot.txt Google seems to rule the world. Years ago you uploaded your robot.txt document to your server. Now you do it through google.
Robot txt This is a special text file placed in your website's root directory that acts as a set of instructions for web crawlers and robots.
The rel Attribute Description: In HTML, the rel attribute plays a crucial role in defining the relationship between a linked document or resource and the current page.
A Beginners Guide To Markup Schema There are over 200 different Google ranking factors with 50 variations each. That’s 10,000 in total.
Google Snippets Google featured snippets are boxes where the format of a regular search result is reversed showing the description first. Also known as "People Also Ask".
HEADINGS AND SCREEN READERS This section covers headings and how screen readers interact with them to help with navigation. Headings are so important.
Security Headers HTTP Security Headers will help protect your website from some common attacks like XSS, code injection, clickjacking, iframe stealing and much more.
Sitemaps Whilst Google can help this process you can still add your own sitemap using an automated service like xml-sitemaps.com and add the file manually to your server.
SKIPLINK A skiplink, also known as a skip navigation link, is a link on a website that allows users to bypass the main navigation and jump directly to the main content of the page.
Structure your pages logically A logical website structure is crucial for a positive user experience and improved search engine optimisation (SEO). Good planning right at the beginning will pay dividends.
Link Target Description: link target refers to the specific location where a linked document will open when clicked.
Tap targets On mobile devices you need to make sure your tap targets like buttons or links are large enough for a finger to tap without hitting another element that is too close.
TOOLTIP Description: A tooltip is contextual box that appears when you hover your cursor over a specific element on a webpage.
Use Descriptive URLs Descriptive link names offer a multitude of benefits for both sighted and blind users as well as website owners, making them a crucial element of good web design.
Video Several factors can create barriers for audiences with disabilities, particularly those who are deaf, hard of hearing, blind, severely sight impaired or visually impaired.
Viewport Back in the day web pages were viewed on computer screens the pages would have a static design and a fixed size. With the advent of mobile devices things changed!
Four main accessibility principles The most recent WCAG states four main principles when creating an accessible website. These four principles can be applied whenever and wherever on your site.
HEADINGS IN MICROSOFT WORD This section covers how to make accessible documents using Microsoft Word. Understand this and you can apply that knowledge to how you use headings in websites.
We can show you how, but why But, if you need more reasons here are a few.... Inclusion and Equity promotes equal access to information and services.
www to no www re-direct Choosing between www and non-www URLs. Which ever you choose you need to stick with it and not chop and change.
