Technical SEO and accessibility
Let’s look at. We have last talked about the web’s media Accessibility Guidelines and you could be aware that the four main principles of WCAG are clear, functional, and understandable. They are also solid.
As an SEO that is technically focused, you’ll be to be most concerned with being able to be viewed by search engines due to your daily activities. Your schedule is to make sure that the websites you’re creating, and the experiences and content you’re creatingare easily accessible to search engines, and are easily visible for search engines.
When we review SEO recommendations and SEO audits, I can recognize a lot of typical issues, like that header tags are embedded in the image in a way that the search engine won’t be in a position to read it or the content I’m writing is visible to robots, however it’s not accessible to human beings. These are all issues with the base level perception. I’d like you to look at the same situation and consider its implications for the whole population. In addition, for all clients who want to be part of your product, service, or even your experience, are they aware of all the services you offer on a most basic level?
You may think that they are similar to the things you’ll find in this audit. For instance: Are all of the text across the screen? Does it appear to be in use? Does it appear on the website, which means that I could select the text, cut and copy it or is it included into the image, but isn’t accessible through assistive technology, browsers or anything else? You might are thinking: Is this an appropriate the right contrast to my background? And is my text is it the right one?
Do I have sufficient clarity and clarity of my components in my layout? If the layout is unclear or unclear as to whether something is accessible in search results or user, go back to the drawing board and consider the best method to ensure that these elements function efficiently.
- Rich media
Additionally, we add images and audio and images on the pages we’re designing for our clients. It’s crucial to ensure that these high-quality elements, because we’re past basic texts and the styling components. sophisticated elements we’re adding to the page are seen by your clients and potential customers. There are many methods to achieve this. For images, giving them an alternative text , or providing something additional to the image can help to ensure that the image is visible to screen readers as well as is recognized by people who has a visual impairment.
It’s also useful to give things human-friendly names, rather than “DSC1352.JPEG” will assist search engines and assistive technology to recognize the image and understand the importance of it. Regarding the context on the webpage, it’s essential to use images on websites with value. It’s about educating visitors with additional content that provides them with some impressions or gives the user more details on the subject that you’re addressing. Make use of images to the advantage of your viewers and not just to be featured at the top of Google image search.
What’s the difference between video and audio? Video is different. Video is a set of images that are moving. This is why, each when I think about movement, I think to myself, “How can I make sure that if the user would like to stop the movement then they are able to?”
The clarity of playback controls is crucial in terms of accessibility, and also providing the best gaming experience to any player. There are also alternative synchronous versions of those alternative texts. We’ve discussed images with alternative text. Videos should include alternative text and must be time-synchronized with the videos. That is they won’t be able to operate within the context.
Make sure that you’ve got them in a distinct way. The same is true for video and audio. It’s crucial to make sure you have a clear foreground. as the background are easily distinguished from one another. If the video you’re watching doesn’t feel clean or your audio is distorted and I’m having forced to be straining my ears or eyes to see clearly the video and grasp what’s happening, you have to be more specific and specific with regards to these two differences.
Text transcripts. Like closed captions on audio and videos it is also recommended to be able to provide the transcript to ensure that if you’re in a noisy location but I’m unable hear the sound or not have headphones or have to use assistive technologies, then I’m not in an ideal position to access the audio.
These are the issues you’ll see while reading the code of SEO. SEO technical expert and should keep in mind.
If your site does not have these features, then on your site , I’d advise you to ask the tough questions like as”Hello Do you have an alternative to the image? What is the best way for a person with a visual impairment use to access these features? How can those with hearing impairments use these things?
- Page Structure
Three and four refer to the structure of webpages and the concept of semantic HTML. It’s all about whether this can be easy to comprehend and understandable.
It’s similar to trying to understand the simple and easy to understand, however, it’s about perception, too. The number of H1s that appear on a web page as you might imagine, something the search engine might be a bit confused, isn’t it? It’s like”Okay it has lots of H1s” visible on the page. I’m not sure what the website is about. The inclusion of structure and cascading headers that show the connection between parents and their children could assist in making your information easily accessible. It’s simpler to comprehend what’s going on.
- Semantic HTML
Like semantic HTML. It’s typical to use lots of spans and divs as other elements that aren’t easily recognized in HTML. By making them visible using better techniques to let us know what the purpose behind them, we’ll be able to be able to comprehend the content of these tags, regardless of whether they’re forms or navigation tables including that additional layer of knowledge and understanding. can allow search engines as well as other assistive technologies to read the content, and also to identify the elements are on your website that are different from each other , and offer users a more enjoyable experience.
We can see the contents. How can we make sure that the item is functional?
- HTML sitemaps
A few SEO recommendations I have seen many people making is to make an HTML sitemap, then incorporate breadcrumbs into their sites. There are instances that you could face displeasure due to this. It is crucial to understand that the HTML web map is crucial, as we’ve discovered, to be SEO-friendly, which allows to find the pages that are in the structure of our website.
Breadcrumbs let me browse up and down in the search results for items on the website of an online retailer without needing to return to the menu to look over each menu item. This is the reason breadcrumbs are essential to navigation, especially for people who use a keyboard and using assistive technology.
- Make a keyboard, then
It’s not SEO, but it’s still vital and necessary to create your website and user experience with an actual keyboard. There are many who do not have a mouse or are unable to use a mouse because to physical limitations or impairment , or because of the absence of technology or technological. Be sure to design your own keyboard first. You’ll be able capture the people you’re trying reach with your targeted group.
Understandable. When it comes to international SEO, dealing with different languages and countries, how vital is it to include HTML on the website to know what the website’s language is in. This allows search engines to deliver relevant results in the correct international or national context. Screen readers are also helpful to interpret contents in proper language.
- Layout to facilitate navigation
Interstitials are another option as are layouts for navigation. They’re commonplace and people don’t like the design or navigation on a site that’s confusing. The simpler you make it, the easier users can change their minds or perform what you would like them to perform on the website regardless of whether they wish to buy or learn or engage in some other event. It’s much simpler to navigate, and the layout is well-organized. We also do not use words which don’t convey the similar significance. This is crucial for those who use assistive technology.
Interstitials: No one likes these pop-ups that pop up on our screens, which render it impossible to surf the internet. Google doesn’t like them as well. But, specifically for those who use assistive technology, if we don’t manage pop-ups properly, we’ll end up in a situation where people are trapped within a keyboard trap and aren’t able to break to the other side or don’t understand why an advert is even displayed on the website. So, it’s important to be aware whenever you’re using interstitials.
Last but not least, there is the strength. Can we make sure that the information that we’re posting on our website is appropriate with a range of situations and devices?
Making sure that you are using the right HTML is the best way to achieve this. Validators are readily available to examine the HTML and CSS and JSON-LD. If you design the right code, specifically with semantic HTML and CSS, in addition to giving the code with meaning it will be the experience more, and your work will be simpler to comprehend.
Is your website responsive? It should already be. If not, be sure you’re running on an mobile device in addition to a tablet or desktop devices. The layout is identical however it may be modified or scaled in a different fashion.
Make sure it’s compatible. If someone would like to increase their zoom due the fact that they’re visually impaired or want to change the color of the page is the technology used in your site permit users to alter the color? It should. If you do these three steps at the end, I think that it will be quite a lot of lifting. Additionally, you’re likely to do less work now that you’ve constructed the framework, the foundation to be strong enough.
This is known as an aspect that is technical in SEO and also accessibility. If you have any questions and require tools for validation, you’ll locate them available on the right hand side of this page. You can also contact me on Twitter @cooperhollmaier for additional suggestions. Thank you for listening to Whiteboard Fridayand for your accessibility through SEO. I hope you can learn from this experience and be more aware of how you manage SEO in the coming days.