Accessibility adjustment – WP Show Posts

This topic has 7 replies, 2 voices, and was last updated 2 years ago by elvin.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
March 18, 2021 at 2:54 am #28234

Hans
Participant

Hi,

After an audit for accessibility one of our clients websites needs the following function:

Have the entire block with the post as a link and disable the link form the titel, date and thumbnail.

Is this possible?

March 21, 2021 at 5:30 pm #28297

elvin
Moderator

Hi Hans,

Can you provide any images for its layout so we could have a better idea?

Perhaps our “Overlay” layouts fit your requirement. See “Overlay” on our demo page. https://demos.wpshowposts.com/cards/

March 22, 2021 at 3:24 am #28314

Hans
Participant

Hi Elvin,

Sure:

As you can see in this picture both the title and date are the postlink.
The preferred solution would be to have the yellow block (that is drew in the picture) be the postlink and disable the link in both the title and the date.

Or when this is not possible to deactivate the postlink from the date so only the title is a postlink.

March 22, 2021 at 5:11 pm #28366
elvin
Moderator
Ah, I see now.

Here are a few things:

You can disable the link for the image and the title using the wpsp_disable_image_link and wpsp_disable_title_link filters but for the date, you may have to change its HTML structure to remove its link using wpsp_date_output filter.

But since you want to make the whole block a link, perhaps we can skip all that and just add this CSS:
```
.wp-show-posts-inner {
    position: relative;	
}

.wp-show-posts-entry-title a:before {
    content:"";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
```
March 23, 2021 at 12:59 am #28401

Hans
Participant

Thanks for the solution Elvin, that worked out great.

However i still need to deactivate the date post-link unfortunately.
The new rules in Europe have become very strict regarding the accessibility for visual impaired users.

The green reader software has to see only one post link and not two, which is the case when the date is also a link.

Is it possible you could help with this last problem?

March 23, 2021 at 11:03 pm #28431

elvin
Moderator

For the date, you can do something like this:

https://gist.github.com/ejcabquina/d1743d15ac85f21e216cea03cb858760

I basically just stripped the link element.

March 24, 2021 at 1:09 am #28433

Hans
Participant

Thanks for all out help Elvin, and the quick responses.

Hans

March 24, 2021 at 4:15 pm #28471

elvin
Moderator

No problem. 🙂 Glad you got it sorted.
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

[Resolved] Accessibility adjustment