• Registered: 2005-03-23
  • Posts: 193

Topic: Of _blank windows and image alt

Cutenews 2

I have altered the code of the ckeditor js file so that all hyperlinks in a news item now open in a new (_blank) window, avoiding navigation away from the main news page when a link is clicked.

I have also changed the 'alt' code that is inserted with an image as 'alt' is deprecated and does not show image properties in a browser when hovering over the image.

I have replaced the 'alt' with 'title' which does show the properties.

I have also changed the 'Image Properties' wording on the insert image pop-up to now read 'Image description' which is a bit more useful to less savvy users of the system.

Anyone interested drop me a line and I can provide either the altered js file or details of the necessary code to change.

2 Reply by Damoor (edited by 2014-03-14 09:18:56)

  • Registered: 2005-08-16
  • Posts: 1,861

Re: Of _blank windows and image alt

Sounds interesting but I am not sure that you are correct when you say the alt attribute is deprecated. As far as I can find out it is still needed by screen readers to give alternative text unless the image is purely decorative.
Examples here:http://dev.w3.org/html5/alt-techniques/

  • Registered: 2005-03-23
  • Posts: 193

Re: Of _blank windows and image alt

Sounds interesting but I am not sure that you are correct when you say the alt attribute is deprecated. As far as I can find out it is still needed by screen readers to give alternative text unless the image is purely decorative.
Examples here:http://dev.w3.org/html5/alt-techniques/

Yes, it used to be the standard but apparently the 'alt' tag was not meant to be used as a visual aid, although it got to be used that way.

Anyway, the alt tag is no longer correctly recognised in the later releases of IE, nor in Chrome.  However the title tag displays across all browsers.

4 Reply by Damoor (edited by 2014-03-14 12:21:53)

  • Registered: 2005-08-16
  • Posts: 1,861

Re: Of _blank windows and image alt

Agreed. alt is confused with image. The alternative tag was always meant to be used for accessibility and not meant as the text to be shown in the balloon text when the mouse is hovered over the image. This has always been the case. alt is still used for its intended purpose. I still use it in cutenews2 as I use Highslide to 'pop up' my images in postings and the alt text is displayed as the caption to the image.You can see it in use on one of my sites here:
http://www.fortgilkicker.co.uk/newspage2.php

5 Reply by Newsmedia (edited by 2014-03-23 04:54:06)

  • Registered: 2005-03-23
  • Posts: 193

Re: Of _blank windows and image alt

Agreed. alt is confused with image. The alternative tag was always meant to be used for accessibility and not meant as the text to be shown in the balloon text when the mouse is hovered over the image. This has always been the case. alt is still used for its intended purpose. I still use it in cutenews2 as I use Highslide to 'pop up' my images in postings and the alt text is displayed as the caption to the image.You can see it in use on one of my sites here:
http://www.fortgilkicker.co.uk/newspage2.php

Nicely done !

How did you manage to incorporate this into Cutenews?

6 Reply by Damoor (edited by 2014-03-23 10:00:57)

  • Registered: 2005-08-16
  • Posts: 1,861

Re: Of _blank windows and image alt

The highslide website explains how to integrate highslide into your website.
Highslide

The earlier version of ckeditor with ckfinder had a highslide addon which I used with cutenews 1.5.
Highslide addon in cutenews 1.5
The addon no longer works with the new version of ckeditor bundled with cutenews2 so I add the Highslide javascript and css into the <head> of my page.
I add the image  using the editor and then, in source view, change the code from 

<p><img alt="" height="311" src="/cutenews2/uploads/images/imagename.jpg" width="300" /></p>

to 

<p>[url=/]<img alt="put text here" height="398" src="/cutenews2/uploads/images/imagename.jpg" title="Click to enlarge image" width="300" />[/url]</p>