Issue 176

[inomyabcs]

Content about properly filling out an absentee ballot. Not integrated with main website.

This is an enhancement or feature.

Summary

Adds absentee ballot instructions and informs on common rejections of absentee ballots.

Context

Fulfills issue 176.

[inomyabcs]

This is content only and hasn't been properly integrated with the system we are using. Would need someone to integrate the content and check the image links since they are relative to the main tree.

[shannonmcharg]

@inomyabcs Thanks for starting this! I don't have time to get this integrated into the site right now, so I'll make an issue for it that someone might pick up.
Page preview: https://deploy-preview-317--awesome-lamarr-6d076d.netlify.app/ballotfill.html

[shannonmcharg]

@rentry Can you please help with this? There's a new page that needed the styling of the site added to it. I added front matter to give it a template, but it's sizing weirdly and it broke all the icons that were in the page.

[rentry]

@shannonmcharg This page will be difficult to integrate, since it has around 235 lines of inline CSS, some of which rewrite important styling for the layout of the website. For example, it imposes styling on the html, body, and headings, which (because of the specificity of being page-level) replace global styling on the page. It also rewrites mobile views and breakpoints. As-is, we won't be able to integrate it.

We would have to go through it line-by-line to remove some CSS, pull the in-line CSS for the step chart into the stylesheet, etc., but if we do that, it will still take some effort to make sure that it looks like it's intended to.

I don't have time to do all of that for a while, but I can look into it some other time if I find a few hours. In the meantime, if you want to add it, I would recommend doing so as a bespoke page. With all that inline styling, it current assumes itself as an independent page.

[shannonmcharg]

@rentry Thanks for taking a look! We'll table this page for later.

[inomyabcs]

I have modified the ballot page using the USWDS page recommended by @rentry. The deploy preview shows that it isn't breaking the site layout. There are some little cosmetic changes that will need to be performed later (the blue line is off centered and the text sizing in each section needs adjusting).

[rentry]

Nice @inomyabcs! I added a few tweaks via #331! It looks great, and retains 100% accessibility 👍

[shannonmcharg]

The preview on this one looks great!

[shannonmcharg]

Is all that's left to do on this to add a link to the page from the How to Vote in Maine page?

[inomyabcs]

Looks like it. Everyone seems happy with the page.

[shannonmcharg]

I added a link under the Vote by Mail section. @rentry I probably have the wrong verb construction, if you want to tweak it.

[rentry]

There is one more issue to look into with this one, which I should have caught and I'm surprised the accessibility checker didn't catch.

The page doesn't currently have an h1 or h2, skipping to h3 and h4s for the list items.

Ideally, it would have an h1 page title, then proceed to h2 and so on.

[rentry]

I'll push up some heading tweaks in a bit.

[shannonmcharg]

@inomyabcs It won't let me add you a reviewer, since it's your pull request. If everything looks good to you, feel free to merge.

[inomyabcs]

Thank you all for your assistance.