sfvpn / neighbourhoods2018 Goto Github PK

The current plan is to always use icons as a visual augmentation of text, whether this is for menus, buttons or within body content.

However, some user feedback on the more visually 'descriptive' icons would be ideal. This would include user testing of line against filled icons and the more verbose.

As part of the move away from icon fonts, use SVG icons inline (either individually or ideally from a single SVG sprite).

BadgeOS achievement alert is currently in the main body of the lesson page, whereas the alerts for having completed an individual class are in the page header.

As standard, using the_post_thumbnail() function will only include an alt attribute if it is set by the user. This relies on the content administrator to provide an alt description when adding images in the backend.

Here is a scrabbled together function to churn out the featured imaged with an empty alt attribute if it has not been set. This means it will be ignored by screen reader.
$size is a required argument and accepts one of the following 'thumbnail', 'medium', 'large', 'full'

function accessible_thumbnail($size) {
  $thumb_id = get_post_thumbnail_id();
  $thumb_alt = get_post_meta( $thumb_id, '_wp_attachment_image_alt', true );
  if($thumb_alt){?>
 <img src="<?php the_post_thumbnail_url($size); ?>" alt="<?php echo $thumb_alt;?>">
 <?php
  } else {?>
 <img src="<?php the_post_thumbnail_url($size); ?>" alt="">
 <?php }
}