Gareth Joyce gazjoy

Intentionally inaccessible websites (and apps)

People make intentionally inaccessible websites for various educational purposes: training, empathy, tests, demos, etc. This lists all such websites I am aware of. Please let me know if you know of any others to be added to this list.

website	explanations	by	license	last update
Awesome Recipes (from Deque University Demo Sites)	(none)	Deque	(none)	?
Dream Destination (from Deque University Demo Sites)	(none)	Deque	(none)	?
Gefälscht (from Deque University Demo Sites)	(none)	Deque	(none)	?

How to / Git

Branching strategy

We use a form of Git flow to maintain a stable master branch, and work off feature branches to introduce new features and other code updates. The feature branches are tied to JIRA tickets.

To keep our git log clean and tidy we use git's rebase strategy. That means that instead of merging commits in and out of the master branch (resulting in many ugly merge commits) we always keep our own feature branch's commits on top of the existing master branch commits.

You can read more about the rebase strategy here: https://www.atlassian.com/git/tutorials/merging-vs-rebasing.

Accessibility criteria for Modal Dialog - WIP

User story

As an Assistive Technology (AT) user, I want to be informed that a modal dialog has opened, what its purpose is, and how to action / close it.

Acceptance criteria

The modal dialog must:

In html/about/index.html:

{% extends "layouts/layout.njk" %}

{% set base_path = "../../" %}
{% set page_title = "about" %}

In data.json:

	router.get("/letters-contact-preference-audio", function(request, response){

	let preferences = request.session.data['lettersContactPreference']

	if (preferences.length && preferences.includes('audio'){
	response.render("letters-contact-preference-audio")
	} else {
	response.redirect("/letters-contact-preference-braille")
	}

	/*
	Example usage:
	<span class="moment" data-moment="add 12 days"></span>
	*/

	'use strict'

	import moment from 'moment'

	/* TimeTravel */

	const express = require('express')
	const router = express.Router()
	const marked = require('marked')

	// Route index page
	router.get('/', function (req, res) {
	res.render('index')
	})

	// Add your routes here - above the module.exports line

	/*!
	* gulp
	* $npm init
	* $ npm install gulp-sass gulp-autoprefixer gulp-minify-css gulp-jshint gulp-concat gulp-uglify gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-cache gulp-sourcemaps del --save-dev
	*/

	// Load plugins
	var gulp = require('gulp'),
	sass = require('gulp-sass'),
	autoprefixer = require('gulp-autoprefixer'),

	export PATH="/usr/local/bin:usr/local/sbin:/bin:/sbin:/usr/bin:/usr/sbin:/usr/local/etc:/usr/local/mysql/bin:/.rbenv/bin:$PATH"
	export JAVA_HOME="/Library/Java/JavaVirtualMachines/jdk1.8.0_152.jdk/Contents/Home"

	# Load SSH keys
	ssh-add -K ~/.ssh/id_rsa

	if [ -f `brew --prefix`/etc/bash_completion ]; then
	. `brew --prefix`/etc/bash_completion
	fi

	{# Conditionally render inline CSS class #}
	<div class="govuk-grid-row {{ 'govuk-!-margin-top-9' if not(showBackButton) else 'govuk-!-margin-top-3' }}">