WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Opens In New Window

for

From: Birkir R. Gunnarsson
Date: Jul 14, 2018 8:43AM

Updated the CSS< now it works (in Chrome and FF).


On 7/13/18, Birkir R. Gunnarsson < <EMAIL REMOVED> > wrote:
> 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.
>>>
>> >> >> at
>> http://webaim.org/discussion/archives
>> >>
>> >> >> >> >>
>
>
> --
> Work hard. Have fun. Make history.
>


--
Work hard. Have fun. Make history.