Re: reflow technique - long urls

word-wrap works on Chrome, Safari and Firefox. If it also works on Edge,
then just use that setting.

Exempting long url's is not good because they can drag whole sections with
them.

If you confine the word wrap to <a> elements 99% of the problem will be
addressed.

Wayne





On Tue, Jul 17, 2018 at 10:34 AM David MacDonald <david100@sympatico.ca>
wrote:

> Personally, I think that long URLs should be exempt. As a sighted person I
> never read past the initial 30-40  characters ...
>
> I think we could "uncomfortably" put it in this exception.
>
> "Except for parts of the content which require two-dimensional layout for
> usage or meaning."
>
> Cheers,
> David MacDonald
>
>
>
> *Can**Adapt* *Solutions Inc.*
> Mobile:  613.806.9005
>
> LinkedIn
> <http://www.linkedin.com/in/davidmacdonald100>
>
> twitter.com/davidmacd
>
> GitHub <https://github.com/DavidMacDonald>
>
> www.Can-Adapt.com <http://www.can-adapt.com/>
>
>
>
> *  Adapting the web to all users*
> *            Including those with disabilities*
>
> If you are not the intended recipient, please review our privacy policy
> <http://www.davidmacd.com/disclaimer.html>
>
> On Tue, Jul 17, 2018 at 12:59 PM, Jim Allan <jimallan@tsbvi.edu> wrote:
>
>> Eric
>> I updated the CSS to 'overflow-wrap'.
>> I added the information about IE/Edge based on testing and wanting to
>> provide good examples. I can't find any documentation about this issue.
>> I have tested the examples on two different machines with Windows 7 IE11,
>> and Windows 10 Edge. everything fails except
>> * {word-break: break-word;},
>> I tried overflow-wrap in
>> a {...}
>> .wrapped {...}
>> a.wrapped {...}
>> li a {...}
>> li a.wrapped {...}
>> etc.
>> all fail
>> I can't make  wrapping work in IE/Edge except with the * {word-wrap:
>> break-word;} declaration. If you can get overflow-wrap to work, or
>> word-wrap to work with anything other than * selector, please let me know.
>>
>> I will remove the IE/Edge info if that is necessary to get the technique
>> reviewed.
>>
>> Jim
>>
>>
>> On Sat, Jul 14, 2018 at 12:58 AM Eric Eggert <ee@w3.org> wrote:
>>
>>> Note that the standards-based name of the CSS is overflow-wrap,
>>> word-wrap is the non-standard original Microsoft implementation.
>>>
>>> See https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap
>>>
>>> word-break on the other hand is a totally different thing (as seen in
>>> the examples of the URL above)
>>>
>>> The draft also says “Note: IE and Edge only support this declaration
>>> when used with the "*" selector.” – I would be interested in a source for
>>> that, I can’t find such information on MDN and am not aware of any case for
>>> other CSS properties where that is true.
>>>
>>> Thanks,
>>> Eric
>>>
>>> Sent from my iPhone
>>>
>>> On 14. Jul 2018, at 07:36, Schnabel, Stefan <stefan.schnabel@sap.com>
>>> wrote:
>>>
>>> I think there is a typo in the example css:
>>>
>>>    - *word-break: break-word*: Allows words to be broken and wrapped
>>>    between letters.
>>>
>>>  .wrapped {
>>>  word-wrap: break-word;
>>>  }
>>>
>>> Regards
>>> Stefan
>>>
>>> Von meinem iPad gesendet
>>>
>>> Am 10.07.2018 um 18:05 schrieb Jim Allan <jimallan@tsbvi.edu>:
>>>
>>> Please review
>>> https://rawgit.com/allanj-uaag/wcag21/tech-reflow/tech-reflow-url.html
>>>
>>>
>>>
>>> --
>>> Jim Allan, Accessibility Coordinator
>>> Texas School for the Blind and Visually Impaired
>>> 1100 W. 45th St., Austin, Texas 78756
>>> <https://maps.google.com/?q=1100+W.+45th+St.,+Austin,+Texas+78756&entry=gmail&source=g>
>>> voice 512.206.9315    fax: 512.206.9452 http://www.tsbvi.edu/
>>> "We shape our tools and thereafter our tools shape us." McLuhan, 1964
>>>
>>>
>>
>> --
>> Jim Allan, Accessibility Coordinator
>> Texas School for the Blind and Visually Impaired
>> 1100 W. 45th St., Austin, Texas 78756
>> <https://maps.google.com/?q=1100+W.+45th+St.,+Austin,+Texas+78756&entry=gmail&source=g>
>> voice 512.206.9315    fax: 512.206.9452 http://www.tsbvi.edu/
>> "We shape our tools and thereafter our tools shape us." McLuhan, 1964
>>
>
>