Spoke at a conference going through the What, Why, Who, When and How’s of accessibility in terms of a web development project. I then went through my top tools and tips for front end in particular and considerations to keep in mind for people with different disabilities.
Gave a talk going through how I have been building my own grid layout the last few months using CSS Grid. As well as Flexbox and Columns. Rather than implementing a whole framework just for the grid. It reduces the amount of code needed and gets the layout a lot more pixel perfect.
Gave a talk going through the process where I made a line graph in a website. Including the different options, why I picked Ruby generating an SVG. Examples of SVG elements and how to target them in CSS. As well as then how you can generate them with Ruby code, first embedded then moved into a presenter class.
Hosted a webinar going through the What, Why, Who, When and How’s of accessibility in terms of a web development project. I then went through my top tools and tips for front end in particular before going through a worked example where I improved a demo blog site with poor accessibility features.
Walk through on how I made one of my first projects the Mouse Guard map app. This is a Ruby on Rails app using LeafletJS to control the map. It was designed and built to help run the role playing game Mouse Guard and keep track of events that were happening in the game.
Worked example on how to make a non standard web component accessible for people with disabilities. I focused on modal pop-up windows as there require many custom aspects including how they are triggered, the focus being placed in a smaller container with the background unavailable and how to keep the keyboard focus local to the modal with an easy way to dismiss the modal. These techniques and principles can be transferred to a number of different custom components.
Introduction into the basis of accessibility, a talk of 4’s. First explaining the four types of disabilities accessibility focuses on, visual, auditory, motor and intellectual. Then going into the WCAG four POUR principles of accessibility and how they match up the different types of disability. Lastly going into my top 4 tips on how to make a site accessible including responsive design, screen reader compatibility, keyboard accessibility and colour contrast.
No slides or video for this talk as it was given at the last minute as a favour as the organisers were short a speaker for the meet up. This talk focussed on the design and CSS aspects of accessibility, I went into the different types of visual disabilities, including colour blindness which affects 4-5% of the population and people with partial vision loss or tunnel vision.
This then alters how you should be thinking about design, ensuring there is enough colour contrast in your design and with the right colour combinations so that all people will be able to access the information on your website. I also pointed out the trend that while designers often design for on mouse hover, this styling also needs to be applied to on keyboard focus for people with motor impairments who rely on the keyboard for navigation.
Going through my personal experience of having a web application audited for accessibility. Including my initial misconceptions and challenges when beginning the project. Then going through what I learnt whilst working with the auditors and through a University course on accessibility. Finally giving some tips and examples of what to look for when testing a website for accessibility.
Moving from an education background into technology I saw a bit of a skill gap when it came to presenting a technical topic. With the aim of trying to get as much from talks as I could I decided to share some presentation knowledge with the community. Including how to prepare for a talk, what questions to consider, trying to accommodate for the different skill levels and how speaking to a crowd is psychologically different to speaking to an individual or group.