Now an actual, real life blog post: https://www.benjystanton.co.uk/blog/a-plan-for-accessible-maps/
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.autocomplete__wrapper { | |
position: relative; | |
} | |
.autocomplete__hint, | |
.autocomplete__input { | |
-webkit-appearance: none; | |
border: 2px solid; | |
border-radius: 0; /* Safari 10 on iOS adds implicit border rounding. */ | |
box-sizing: border-box; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
router.get('/section-1*', function(req, res, next){ | |
res.locals['serviceName'] = foo | |
next() | |
}) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
===================================================================== | |
arrayToGovukTable | |
Convert an array to form needed for govukTable macro | |
===================================================================== | |
Expects array or nested array. | |
Usage: |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function Validator(req, res) { | |
this.req = req; | |
this.res = res; | |
this.validators = []; | |
this.errors = []; | |
} | |
Validator.prototype.add = function(name, rules) { | |
this.validators.push({ | |
name: name, |
This is a step by step guide on how to use the accessible autocomplete component in the GOV.UK prototype kit. There aren’t any instructions included with the code for using with the prototype kit, and it’s not straightforward if you’re not familiar with javascript.
I have an example repo you can download to check the code.
Download the accessible autocomplete code, you can download the zip or clone the repo if you prefer to use git.
Copy the minified files from the /dist
folder to your prototype.
OlderNewer