Posts

Always keen to keep developing my skills, I recently signed up to learn about the basics of HTML & CSS for WordPress. My purpose was to build my knowledge and confidence, so I could offer our customers more design options and customisation.

When you start learning to code, it is an entirely different language; every element, rule, or attribute you write has a specific name or value. However, with experience as a web designer, I wasn’t starting from scratch. I have come across many terms and used a very little bit of basic HTML & CSS.

Once you get your head around it, coding is quite logical and I have a naturally logical mind, so that helped me understand the rules and methods easily. I can combine this with my creative flair to produce visually appealing and fully functional elements on web pages.

The pace and content level of the course was perfect for my skill level and the resources provided will be helpful for future reference. I know I’ll need to look back and remind myself of some things! The resources also provide a way to further improve my knowledge, as they extend beyond the scope of the course.

So, I passed the course and have already been able to put my learning (HTML, CSS, and certain tools) to use. It is paying off, as I have more flexibility in how to fulfil clients’ requests.

Sometimes, when you have lots of work to do, you feel there isn’t time to go and study, however, I recommend it. Time for personal development is a great use of time. It can make things easier in the future and improve confidence. I now have more ways to contribute to Framework Digital design projects, which feels great!

What learning would help you enhance your skills?

 

A start-up B2C business needed a simple e-commerce platform for online marketing and sales.

The technical specification for this project demanded a customised, turnkey solution.

Case study – design, website and crm for a new business.

The board identified that the new website needs to easy to navigate, allow publishing events and signing up new members.

How to Comply with Web Accessibility Requirements

Since 23rd September 2020, all websites created before 23 September 2018, need to comply with accessibility requirements (Equality Act 2010). All public sector organisations, local governments, charities are legally required to make their websites accessible for people of all abilities. A website that satisfies more visitors is good practice for commercial websites too, showing due care and consideration builds respect among your current and prospect clients. Respect leads to loyalty.

What Does Web Accessibility Mean and How Do Organisations Comply?

Web accessibility focuses on making digital services accessible to individuals with visual, hearing, mobility and cognitive impairments. Comprehensive and globally-recognised standards are available; they are known as the W3C Standards of Accessibility.

As an example, someone with impaired vision might use a screen reader (software that lets a user navigate a website and ‘reads out’ the content). It doesn’t mean that websites need to have text size or background adjustments options built-in. It means that the structure of a website and elements (pictures, text, documents etc) need to meet accessibility requirements.

The W3C Standards focus on what is required to make your website content perceivable, operable, understandable and robust.

The standards include:

  • Ensuring every feature is useable if the text size is increased to 200%
  • Using website code that is readable by assisted technologies
  • Providing transcripts for audio and visual media
  • Written content is in plain English – avoiding acronyms and abbreviations
  • Using clear labels, contrasting colours and intuitive navigation

Ideally, a commitment to these standards should be part of every website build project. For now, it is only a legal requirement for government organisations and charities.

Good Practice

With a focus on good practice, our websites are built to comply with basic W3C Standards. We run accessibility tests before publishing. This is as a standard procedure, along with testing for broken links, website loading speed and compatibility with various web browsers and screen sizes.

To maintain compliance, there are a few tips that we can offer website administrators.

Accessibility Tips for Website Admins 

  1. With every new media file that you publish, remember to add a meaningful Title and Alt text, as well as a simple description of what it is in the picture, video, graphic or document (attachment 1)
  2. If possible, avoid publishing Word documents and pdfs – if you must publish .docx or .pdf then make sure the file is accessible. Microsoft Word has accessibility testing built-in – run it and follow automated prompts before saving and uploading to the website. (attachment 2)
  3. Publish an Accessibility Statement on your website.

Accessibility Statement Page

When writing an Accessibility Statement, it is important to show awareness of the requirements, to evidence improvements made and to provide a contact where any accessibility issues can be reported. Our suggested layout would be:

  1. An Introduction to using the website
  2. The date of accessibility testing
  3. The method or tools used
  4. Your commitment – what you have done and are planning to do
  5. Contact – how to report accessibility issues

Web Accessibility Evaluation Tools

WAVE is a suite of evaluation tools that helps authors make their web content more accessible to individuals with impairments.

Accessibility Insights is a tool to review your existing website. This will list issues which you can work to address. You may not have the resources to resolve every issue immediately. To comply with the legal requirements, you need to acknowledge the issues, take reasonable steps to improve the site and list planned actions.

Take Action to Improve Website Accessibility

Rather than seeing this as another task, we advise that you view it as an opportunity to extend your reach. Improving website accessibility will help you to engage with more people and that has got to be good for business.

Examples of Accessibility Statement

http://www.haltonvillagenews.co.uk/accessibility
https://schooltravelplanning.com/accesibility

Attachment 1 – Showing the Alt text, Title and Description boxes that explain what is in the image

WP media meta data

 

Attachment 2 – Showing the Check Accessibility option for Word documents.

MS Word accessibility tool

We can help with Web Accessibility compliance. Contact office@frameworkdigital.co.uk

 

update 22/02/2022

Framework Digital web design and development projects follow Accessibility Coding Standards embedded in WordPress code.

All new or updated code released in WordPress must conform with the Web Content Accessibility Guidelines (WCAG) 2.1 at level AA.

W3C Website Accessibility Standards as part of every website development project. These design principles ensure that content is widely available to all internet users.

The board identified that the new website needs to easy to navigate, allow publishing events and signing up new members.