WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Opens In New Window

for

From: Birkir R. Gunnarsson
Date: Jul 13, 2018 10:41AM

Thanks Glen!
I'll go and fix this Code Pen tonight.
You're right, the icon is totally inaccessible. I had no idea. And,
yes, I copied the <style> element along with the CSS class definitions
from my local file, I was on the fence about whether it was necessary
or not but figured it wouldn't hurt. I was wrong. ;)



On 7/13/18, JP Jamous < <EMAIL REMOVED> > wrote:
> Thank you guys. I will check those out.
>
>
>
> --------------------
> JP Jamous
> Senior Digital Accessibility Engineer
> E-Mail Me |Join My LinkedIn Network
> --------------------
>
>
> -----Original Message-----
> From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of glen
> walker
> Sent: Friday, July 13, 2018 10:23 AM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] Opens In New Window
>
> The codepen UI has an inaccessible alert icon in the style section. It
> says
> you don't need a <style> tag in that block of code but rather just put the
> direct CSS. You probably had a <style> tag in your local file and just
> copy/pasted it into the style section. Removing the <style> makes the BBC
> link work as expected. Weird that the footnote example worked. Codepen
> probably has a bug where the <style> tag just messes up the first style
> definition.
>
> On Thu, Jul 12, 2018 at 8:04 PM, Birkir R. Gunnarsson <
> <EMAIL REMOVED> > wrote:
>
>> Here's a draft
>> https://codepen.io/Wildebrew/pen/yqNWXG
>>
>> The Code Pen UI is a mess
>> so I messed something up for the first example (links that open in new
>> window based on the target attribute). It works fine on my local file
>> but the Coe Pen version does not work.
>>
> > > http://webaim.org/discussion/archives
> >
> > > > >


--
Work hard. Have fun. Make history.